Webpack v4.8.3 快速入门指南

Posted 2020-11-06 heroljy

一、进入 https://webpack.docschina.org/ 官方文档，点击 "文档" 进入 文档页面，文档中包含  “概念，配置，API，指南，LOADERS，插件"  6项：

二、点击 ”指南“ 选项，阅读快速入门指南：

三、

1.本地安裝开发依赖

cnpm install webpack webpack-cli --save-dev

cnpm install --save-dev html-webpack-plugin

cnpm install clean-webpack-plugin --save-dev

cnpm install babel-loader babel-core babel-preset-env --save-dev

2.package.json 增加 "private": true

注： webapck 在我这里现在是作为一个打包工具（js模块化打包）来使用,以后替换掉gulp这个前端项目构建工具（监听变化、assets资源优化），

生成环境构建 - npm run build
监听变化构建 - npm run watch