用 ES6 编写 Webpack 的配置文件
发布于 8 年前 作者 gaoguoxin 3509 次浏览 来自 分享

之前看了这篇帖子,用 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入门

回到顶部