webpack

+ 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