用 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-3Babel入门