主流框架的搭建（VUE，React）

vue腳手架：
cnpm install vue vue-cli -g
vue init webpack/webpack-simple shuaige(新建文件夾的名字)
cd shuaige
cnpm install

npm run dev

打包npm run build

 

react腳手架：
cnpm install create-react-app -g
create-react-app shuaige(新建文件夾名字)
cd shuaige
cnpm install

運行是npm start
打包npm run build
cnpm install serve -g
serve -s build

/*開發模式devD,你開發是用的*/
有關webpack本身配置的問題：
1.npm init (生成pack.json);
2.cnpm install webpack-cli -g(webpack -v【當時我用的是4.X】);
3.cnpm install webpack -D;
4.cnpm install webpack-cli -D;
5.entry(入口文件)，output(出口文件)，plugins:{},有關title的問題（<%=htmlWebpackPlugin%>）,pack.json("build":"webpack --mode development");
6.clean-webpack-plugin:刪除某些東西
7.服務器環境【webpack-dev-server】("dev":"webpack-dev-server --mode development")
8.loaders:加載器，轉化器less/scss,ES[style-loader,css-loader],use:[{loader:'style-loader'},{loader:'css-loader'}],壓縮，--mode production
9.cnpm install file-loader url-loader -D
10.extract-text-webpack-plugin[分離css],
11.碰見替代，版本過低（extract-text-webpack-plugin@next）
碰見路徑問題publicPath:'../'[vue項目上線時，哪裏見過]
outputPath:'images'[打包出去的路徑]
new extractTextPlugin(提取出去的路徑css/index.css)
mini-css-extract-plugin:(2018/3.23支持很差)

*********less*******
cnpm install less less-loader -D
*****sass****

postCss 預處理器（自動添加瀏覽器前綴）