用 ES6 编写 Webpack 的配置文件
之前看了这篇帖子,用 ES6 编写 Webpack 的配置文件,因为是新手入门,对webpack不了解,所以按照帖子试了一下,没有成功,今天再试,发现跟上面的帖子有点不一样的地方,或者是因为楼主没有说明白吧,在这里记录一下我的步骤: 亲自测试,发现如果让webpack.config.js文件本身支持es6的写法,需要如下几个步骤: 1、需要安装了babel-core (npm i babel-core --save-dev) 2、需要安装了babel-preset-es2015 (npm i babel-preset-es2015 --save-dev) 3、需要在项目的根目录设置.babelrc文件,并在其中指定presets:[‘es2015’] 4、需要将webpack.config.js 重命名为webpack.config.babel.js
// in webpack.config.babel.js
import devtool_conf from './config/devtool';
import devserver_conf from './config/devserver';
export default {
entry:__dirname + "/app/main.js",
output:{
path:__dirname + "/public",
filename:"bundle.js"
},
devtool:devtool_conf,
devServer:devserver_conf
}
// in config/devserver.js
const path = require('path');
const root = path.join(__dirname,"../");
export default {
contentBase: root + "/public",
inline: true
}
另外分享一个连接,关于babel的 如何区分Babel中的stage-0,stage-1,stage-2以及stage-3 Babel入门