+ win7下创建.babelrc文件
> cmd进入根目录，输入 type null>.babelrc ，回车即可！
+ .babelrc文件中配置转码规则
> {
"presets": [
"es2015"
],
"plugins": []
}
> 安装npm install babel-preset-es2015 --save-dev
## babek-cli转码
+ 安装转码工具babek-cli
> npm install --save-dev babel-cli
+ 改写package.json
> {
// ...
"devDependencies": {
"babel-cli": "^6.0.0"
},
"scripts": {
"build": "babel src -d lib"
},
}
> 转码时命令： npm run build
## Webpack打包
+ 创建package.json文件
> npm init
+ 安装moudel模块
> npm install
+ 安装webpack
> npm install -g webpack //全局安装
> npm install --save-dev webpack //安装到当前项目
+ 创建webpack.config.js文件
> module.exports = {
entry: __dirname + "/app/main.js",//已多次提及的唯一入口文件
output: {
path: __dirname + "/public",//打包后的文件存放的地方
filename: "bundle.js"//打包后输出文件的文件名
}
}
+ 修改package.json文件
> {
"name": "webpack-sample-project",
"version": "1.0.0",
"description": "Sample webpack project",
"scripts": {
"start": "webpack" //配置的地方就是这里啦，相当于把npm的start命令指向webpack命令
},
"author": "zhang",
"license": "ISC",
"devDependencies": {
"webpack": "^1.12.9"
}
}
+ 进行打包
> npm start
