本文介紹了webpack實現熱更新（實施同步刷新），分享給大家，希望對大家有幫助。
解決方案一：
實現熱更新，首先，安裝一系列的node命令，如果嫌麻煩，你可以直接看解決方案二，相對來說比較簡單。
1、webpack命令安裝
npm install webpack -g npm initnpm init -yes //可以創建默認的package.json npm install webpack --save-dev npm install path fs html-webpack-plugin extract-text-webpack-plugin autoprefixer webpack-dev-server --save-devnpm install css-loader style-loader --save-dev//樣式文件，我們需要兩種loader，css-loader 和 style－loader，css-loader會遍歷css文件，找到所有的url(...)并且處理。style-loader會把所有的樣式插入到你頁面的一個style tag中。
webpack 使用命令：（知道有這個東西就行，這里不做過多介紹）
webpack --config XXX.js //使用另一份配置文件（比如webpack.config2.js）來打包webpack --watch //監聽變動并自動打包webpack -p//壓縮混淆腳本，這個非常非常重要！webpack -d//生成map映射文件，告知哪些模塊被最終打包到哪里了
其中的 -p 是很重要的參數，曾經一個未壓縮的 700kb 的文件，壓縮后直接降到 180kb （主要是樣式這塊一句就獨占一行腳本，導致未壓縮腳本變得很大） 。
2、webpack 支持es6轉碼安裝
//安裝轉碼規則 npm install babel-core babel-loader babel-preset-es2015 babel-preset-React babel-preset-stage-0 主站蜘蛛池模板： 南宁市| 洛阳市| 石嘴山市| 当涂县| 龙州县| 噶尔县| 古丈县| 荆门市| 乌拉特后旗| 长岭县| 嘉义市| 洱源县| 汉中市| 濉溪县| 靖西县| 巴里| 罗源县| 区。| 灵石县| 大连市| 房山区| 四会市| 保定市| 特克斯县| 屯门区| 佳木斯市| 嵊泗县| 澜沧| 崇义县| SHOW| 荆州市| 定日县| 昆山市| 安龙县| 永年县| 朝阳县| 巨鹿县| 凤凰县| 景谷| 闸北区| 珠海市|