webpack 4.x 环境配置

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.打包之后的项目文件目录如下:

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容