基础配置
依赖安装
npm install webpack webpack-cli --save-dev
npm install webpack-dev-server --save-dev
- webpack.config.js中的mode选项一定要配置,不能配置"",如果不配置那就不要写mode这个选项
- entry 配置入口,output配置出口
- output.filename下支持指定输出文件名,文件名的规则可随心所欲的拼接
模版 |
描述 |
[hash] |
模块标识符(module identifier)的 hash |
[chunkhash] |
chunk 内容的 hash |
[name] |
模块名称 |
[id] |
模块标识符(module identifier) |
[query] |
模块的 query,例如,文件名 ? 后面的字符串 |
配置html模版
依赖安装
npm install html-webpack-plugin -D
- 引入插件html-webpack-plugin
- plugins配置项是一个数组,可以写入插件,实例化后的插件传两个参数,选择的模版和打包后的bundle.js是否添加hash
配置CSS文件(包含less)