本文介紹了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 主站蜘蛛池模板： 南陵县| 汾西县| 盐源县| 娄底市| 临邑县| 阿克陶县| 桐庐县| 长泰县| 南宁市| 澜沧| 克什克腾旗| 乌拉特中旗| 浦东新区| 泸西县| 石屏县| 永吉县| 旬阳县| 沈丘县| 郧西县| 汉源县| 武平县| 佛冈县| 黎城县| 兖州市| 伽师县| 偃师市| 正安县| 五峰| 临潭县| 鄱阳县| 基隆市| 吴旗县| 象州县| 东安县| 闽清县| 普兰县| 吴江市| 广灵县| 德惠市| 五大连池市| 双桥区|