ES6個人學習整理（一） 編譯環境搭建

經過測試，整理出一套es6編譯成es5的環境.

整個目錄結構如下：

--es6
--.git
--dest
--node_modules
--scripts
--sourcemaps
.gitignore
gulpfile.js
index.html
licene
package.json
readme.md
webpack.config.js

// babel-runtime和babel-plugin-transform-runtime是為webpack中loader服務的

前端構建工具，基於nodejs。這是我的gulpfile.js

const gulp = require('gulp')

const watch = require('gulp-watch')
const browsersync = require('browser-sync')
const webpack = require('gulp-webpack')
gulp.task('babel', () => )
gulp.task('watch', () => 
})watch('./scripts/*', () => )
watch('./dest/*', () => )
})gulp.task('default', ['watch'])

為了彌補gulp自身watch無法監聽新建檔案的缺陷

目前為止，我用webpack只是為了打包js，這個是webpack配合gulp使用的乙個外掛程式

執行js**的打包，壓縮以及生成sourcemaps

package.json中的babel-core,babel-loader和babel-preset-es2015是webpack執行es6編譯必備的外掛程式
配置檔案如下：

var webpack = require('webpack');

module.exports = ,
'output': ,
'devtool': 'source-map',
'plugins': [
new webpack.optimize.uglifyjsplugin(
})],
'module' : 
}]}}

ES6學習摘要（01）（新人學習）

由於最近本人在學習es6，做一些筆記能夠更好的熟悉，就趁此機會來寫一篇關於es6的新人學習摘要吧。希望大佬可以給出一些意見，也希望和我一樣的新人能更好更快的了解和熟悉es6。首先在這邊我要感謝阮大大 有這麼好的入門教程 搬運工，部分內容不講述 其次註明本文只用於本人和其他新手了解熟悉es6，非其他用...

關於es6的整理和學習

1 const 定義常量 無法更改 但如果事物件可以更改內部屬性 例如 const a let a.aa 2可以更改 2 var 函式作用域 let 塊狀作用域 3 模板字串 let a i let b love console.log you 4 函式擴充套件 4.1 引數預設值 原始寫法 fun...

es6學習過程（一）

一 let關鍵字的用途 在平時我們寫 的時候，都是用var來宣告乙個變數 其實也沒有其他的關鍵字了 但是在es6出來以後，除了var，還可以使用let來宣告變數。為什麼會出現let而不僅僅使用var就好了呢?那是因為var這個關鍵字在某些時候是很坑的。var的不足之處 1.如果使用var宣告的變數會...