1.webpack的打包是建立在module上的

2.webpack的基本配置

注：插件跟rules里面的規則都需要先安裝對應的包

npm install html-webpack-plugin
npm install --save-dev @babel/core babel-loader @babel/preset-env @babel/preset-react//js jsx..
npm install --save-dev style-loader css-loader??sass-loader node-sass//css sass ... 注意配置順序 配置項中從右向左解析

3.webpack-dev-server? 熱更新

npm install webpack-dev-server@2 -g?

注：版本號要低于webpack的版本 否則會報錯

　　如果在4.0.1中安裝失敗 需要安裝 npm install webpack-cli -D??

擴展：??webpack-dev-server：不會生成線上目錄 例如我們上面說過的build 而是放在內存中

webpack：打包上線（3.0）

轉載于:https://www.cnblogs.com/wildccy/p/10675221.html

總結

以上是生活随笔為你收集整理的webpack的基本配置项的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。