webpack4.0基本配置(学习笔记)

基础配置

依赖安装

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)