创建Webpack 4.X项目

Posted 2022-08-26 it-ren

创建基本的webpack4.x项目

1. 运行npm init -y 快速初始化项目

2. 在项目根目录创建src源代码目录和dist产品目录

3. 在 src 目录下创建 index.html

4. 使用 cnpm 安装 webpack ，运行cnpm i webpack webpack-cli -D

   • 如何安装 cnpm: 全局运行 npm i cnpm -g

5. 注意：webpack 4.x 提供了 约定大于配置的概念；目的是为了尽量减少 配置文件的体积；

   • 默认约定了：

   • 打包的入口是src -> index.js

   • 打包的输出文件是dist -> main.js

   • 4.x 中 新增了 mode 选项(为必选项)，可选的值为：development 和 production;