1. webpack4概述

2. 入口和出口配置

3. 模式选择

4. loader

5. plugins

6. 其他配置

React Redux ES6 ...... 更多干货在个人主页中查看

热替换是什么？

热替换（HMR）,建立在 devServer之上，开启后浏览器可以自动刷新，它会监听入口文件及其 import 进来的文件是否修改，修改则重新打包（输出到内存，不再生成文件）并使浏览器刷新

安装

//安装本地服务器 
cnpm install webpack-dev-server --save-dev

配置

• webpack.config.js

• package.json

运行

npm start

注意事项

热替换只监听入口文件和相关文件，所以想实现css修改后也自动刷新页面，必须使用 css-loader file-loader，让css也被关联上

1 . 安装

cnpm install style-loader css-loader --save-dev

2 . 配置

到此 webpack 配置结束，后续有需要再介绍，下篇：package.json

【关注一下不迷路】 html css html css webpack javascript html webpack javascript css javascript css webpack