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

2.webpack的基本配置

注：插件跟rules里面的規(guī)則都需要先安裝對(duì)應(yīng)的包

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 ... 注意配置順序 配置項(xiàng)中從右向左解析

3.webpack-dev-server? 熱更新

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

注：版本號(hào)要低于webpack的版本 否則會(huì)報(bào)錯(cuò)

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

擴(kuò)展：??webpack-dev-server：不會(huì)生成線上目錄 例如我們上面說(shuō)過(guò)的build 而是放在內(nèi)存中

webpack：打包上線（3.0）

轉(zhuǎn)載于:https://www.cnblogs.com/wildccy/p/10675221.html

總結(jié)

以上是生活随笔為你收集整理的webpack的基本配置项的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。