環(huán)境
windows7/10
node.js v12+
npm
webpack+react+react-router+mobx+sass
webpack
1苛让、安裝
全局安裝：
cnpm install webpack -g
cnpm install webpack-cli -g
局部安裝：
cnpm install webpack -D
cnpm install webpack-cli -D
2、執(zhí)行打包
使用 CleanWebpackPlugin 插件自動(dòng)清理 dist目錄春锋，見其官方文檔矫膨。
webpack --config xxx.config.js
3、啟動(dòng)本地服務(wù)
cnpm install webpack-dev-server -D
cnpm install html-webpack-plugin -D
webpack-dev-server --config xxx.config.js
4期奔、啟動(dòng)熱更新
devServer.hot = true
在plugins中添加兩個(gè)webpack內(nèi)置的插件實(shí)例
5侧馅、區(qū)分開發(fā)環(huán)境和生產(chǎn)環(huán)境
cross-env 的使用
6、babel-loader
cnpm install babel-loader -D // 用于加載.js文件
cnpm install @babel/core @babel/preset-env -D // 這兩個(gè)庫才是真正用于編譯js的
