使用webpack配置es6開發環境

全域性安裝webpack

npm install -g webpack

安裝依賴

babel-core、babel-loader、babel-preset-es2015、html-webpack-plugin、webpack、webpack-dev-server

其中babel-core、babel-loader、babel-preset-es2015這幾個依賴包主要是用於解析es6並且轉換成es5的，html-webpack-plugin主要是用於webpack執行html，webpack、webpack-dev-server主要是用於搭建本地服務環境，其中webpack-dev-server是用於熱更新的（所謂熱更新就是當你修改了**，不用再去重新整理瀏覽器即可實時執行修改後的**）

package.json

,

"keywords": ,
"author": "",
"license": "isc",
"devdependencies": 
}

const path = require("path");

const webpack = require("webpack");
const htmlwebpackplugin = require("html-webpack-plugin");
module.exports = ,
module: ],
},resolve: ,
plugins: [
new htmlwebpackplugin(),
new webpack.hotmodulereplacementplugin(),
],devtool: "eval-source-map",
devserver: ,
};···
這樣webpack的環境就配置好了

重構之路 webpack配置es6語法

之前已經寫好了最簡單的乙個webpack配置，並且已經可以執行js了，但是，新時代的前端肯定要寫es6啊，但是我們在index.js裡寫上es6的語法時，比如 使用es6裡的set和擴充套件運算子來實現陣列去重 varset new set 1 2,2 3,3 4,4 5,5 console.log...

ES6 使用總結

es6 全稱ecmascript 2015 字串模板 es5字串的拼接是用 完成的，es6是 拼接，其中變數引用為 擴充套件運算子 兩者有相同的物件屬性，後者值覆蓋前者 obj 箭頭函式 更改this的指向問題 變數提公升 let與const 注釋 const雖然為不可變更的常量，但是當其定義為物件...

ES6 基本使用

let i 1 不可重複宣告，不變數提公升 const j 100 唯讀var k 20 console.log i,j,k let person let peson2 object.assign person console.log person,peson2 person.id 10 淺複製，會...