# 1.環境配置webpack
~~~
//設置npm的倉庫為淘寶
npm config set registry https://registry.npm.taobao.org
//或者安裝cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
~~~
~~~
npm init -y
npm i webpack babel-loader babel-core babel-preset-env --save-dev
npm install html-webpack-plugin --save-dev
npm i webpack-cli -g
~~~
# 2.webpack.config.js
~~~
var htmlWebpackPlugin = require('html-webpack-plugin');
var path = require('path');
module.exports = {
entry : './src/index.js',
output: {
path:__dirname+'/dist',
filename:'js/index.js'
},
plugins:[
new htmlWebpackPlugin({
filename:'index.html',
template:'index.html',
inject:'head'
})
],
module:{
rules:[
{
test:/\.js$/,
use:{loader:'babel-loader'},
exclude: /(node_modules|bower_components)/,
include : path.resolve(__dirname,'src')
}
]
}
}
~~~
# 3.項目目錄
- 將es6轉為es5
- 第一節 webpack
- 第二章 基礎語法
- 第1節 模塊化
- 第2節set和map語法
- 2.1 set
- 第3節 變量
- 第4節 循環of
- 第5節 function
- 第6節 解構賦值
- 1.在對象在函數中的解構
- 第7節 字符串
- 第8節 面向對象
- 8-1 static靜態屬性,靜態方法
- 第9節 JSON對象
- 9-1 Object.keys()
- 第10節 Promise
- 10.1 原理
- 10.2 回調地獄
- 第11節 generator
- 第一節 基本
- 第二節 generator-ajax
- 第12節 yield
- 第13節 asnyc
- 13.1
- 13.2 ajax
- 第14節 array
- 第15節 string方法拓展
- 第三章 webpack的簡單配置
- 第四章 高級語法
- 第1節 promise
- a.實例
- b.promise
- 第2節 await,async