搭建es6 devServer簡單開發環境

搭建基於es6和熱載入的前端簡單開發環境，適合demo類小專案，這樣就不用依賴browsersync等多餘的東西

目錄結構

/src

/dist

注意版本，尤其是babel，可去babel的npm位址檢視，那裡不會錯

#bebal相關

yarn add babel-core babel-loader babel-preset-env
# webpack相關
yarn add webpack webpack-cli webpack-dev-server html-webpack-plugin

,

"dependencies": {},
"devdependencies": 
}

const path = require('path')

const htmlwebpackplugin = require('html-webpack-plugin')
module.exports = ,
module: ]
},plugins: [
new htmlwebpackplugin()
],devserver: 
}

簡單理解 es6 class

類即物件 es6 除錯最簡單的方法 直接在node控制台執行js，完全不需要考慮瀏覽器相容性而去安裝babel等編譯器的去編譯後再除錯 先舉個例子 class a start 複製 乙個類就這麼產生了，只要new一下，這個類就可以被用了 let b new a 複製 可能這個類將會有很多地方要使用，...

前端ES6簡單總結

首先是es6當中新增了 let有以下2個特點 1.作用域嚴格 2.不允許重名和重複賦值 console.log a console.log b 這樣的話執行時會報a沒賦值的錯誤 let a 123 var b 456 var b 789 這樣執行之後b是789，a是123 let a 123 let...

ES6 模組簡單解釋

modules是es6引入的最重要的乙個特性。以後寫模組的時候就直接按照es6的modules語法來寫 然後用babel browserify 來打包就行了。modules規範分兩部分，一部分是如何匯出，一部分是如何匯入。export const sqrt math.sqrt export func...