创建Webpack 4.X项目

2024-10-06 08:45:53

创建基本的webpack4.x项目

运行npm init -y 快速初始化项目
在项目根目录创建src源代码目录和dist产品目录
在 src 目录下创建 index.html
使用 cnpm 安装 webpack ，运行cnpm i webpack webpack-cli -D
- 如何安装 cnpm: 全局运行 npm i cnpm -g
注意：webpack 4.x 提供了约定大于配置的概念；目的是为了尽量减少配置文件的体积；
- 默认约定了：
- 打包的入口是src -> index.js
- 打包的输出文件是dist -> main.js
- 4.x 中新增了 mode 选项(为必选项)，可选的值为：development 和 production;

最新文章

热门文章