npm init
npm install -g webpack
npm install babel-loader --save-devnpm install babel-preset-es2015 --sava-dev //安装转码规则
在源代码目录创建 webpack.config.js 文件,内容如下:
var path = require('path'); //加载nodejs的路径处理模块module.exports = {
entry: './es6/index.js',
output: {
path: __dirname, //__dirname是一个nodejs变量,表示当前js文件所在的目录 filename: 'bundle.js' },
module: {
loaders: [ {
test: path.join(__dirname, 'es6'), //配置文件目录下的es6文件夹作为js源代码文件夹,所有源代码一定要放在该文件夹下 loader: 'babel-loader' ,
query: {
presets: ['es2015'] }
}
]
}
};
注意:test配置指定了哪些是ES6代码,可以指定一个文件夹,则所有源代码一定要放在该文件夹下,或者用一个 正则表达式指定哪些是ES6代码。只有ES6代码,才会编译。
最近输入webpack编译