webpack5 虽然已经出来了,不过现在主流还是webpack4。看了看5和4的文档,差别不是很大。
cnpm i webpack@next webpack-cli@next -D # 安装webpack5
webpack4 中文文档 参考 https://www.webpackjs.com/concepts/
webpack5 中文文档 参考 https://webpack.docschina.org/concepts/
创建项目
mkdir projectName # 创建项目名
cd projectName # 进入项目
npm init -y # 初始化配置文件 package.json
安装webpack4
cnpm i webpack webpack-cli -D
整理项目结构
project
| .editorconfig # 配置格式化插件
| package.json # 项目需要的依赖
| webpack.config.js # webpack配置文件
|
+---public
| index.html # 用于打包生成 .html 文件的模板
|
---src
main.js # webpack的入口文件
依赖的模块(package.json)
"devDependencies": {
"webpack": "^4.44.2",
"webpack-cli": "^3.3.12"
}
.editorconfig配置参考 https://www.cnblogs.com/cisbest/p/13335923.html