1.首先创建一个项目文件夹用于本次操作,然后再全局安装webpack

2.创建项目 npm init

3.全局安装webpack-cli

4.因为webpack 4.x中默认入口文件为src/index.jx,所以新建src文件夹,并在其中新建index.js文件,默认出口文件为dist/main.js,打包时会自动生成。
5.设置生产模式或开发模式下运行:webpack --mode development或者webpack --mode production

6.在package.json文件的scripts下配置模式,然后可以直接通过npm run dev 运行

7.打包之后的项目文件目录如下:

网友评论