+ win7下創(chuàng)建.babelrc文件
> cmd進(jìn)入根目錄源譬，輸入? type null>.babelrc? 泼掠，回車即可褥紫！
+ .babelrc文件中配置轉(zhuǎn)碼規(guī)則
>? {
"presets": [
"es2015"
],
"plugins": []
}
> 安裝npm install babel-preset-es2015 --save-dev
## babek-cli轉(zhuǎn)碼
+ 安裝轉(zhuǎn)碼工具babek-cli
> npm install --save-dev babel-cli
+ 改寫package.json
> {
// ...
"devDependencies": {
"babel-cli": "^6.0.0"
},
"scripts": {
"build": "babel src -d lib"
},
}
> 轉(zhuǎn)碼時(shí)命令： npm run build
## Webpack打包
+ 創(chuàng)建package.json文件
> npm init
+ 安裝moudel模塊
> npm install
+ 安裝webpack
> npm install -g webpack //全局安裝
> npm install --save-dev webpack //安裝到當(dāng)前項(xiàng)目
+ 創(chuàng)建webpack.config.js文件
> module.exports = {
entry:? __dirname + "/app/main.js",//已多次提及的唯一入口文件
output: {
path: __dirname + "/public",//打包后的文件存放的地方
filename: "bundle.js"http://打包后輸出文件的文件名
}
}
+ 修改package.json文件
> {
"name": "webpack-sample-project",
"version": "1.0.0",
"description": "Sample webpack project",
"scripts": {
"start": "webpack" //配置的地方就是這里啦兄墅，相當(dāng)于把npm的start命令指向webpack命令
},
"author": "zhang",
"license": "ISC",
"devDependencies": {
"webpack": "^1.12.9"
}
}
+ 進(jìn)行打包
> npm start
