webpack如何用es6的导出方式来用require()

Question

在使用webpack的过程中遇到的问题:webpack支持commonjs和es6模块.如何同时使用它们:
例子:

// a.js
export default function() {
  console.log('hello world')
}

// main.js
// import hello from './a'  这样写是可以的.但是比如需要在if语句里面引入模块的话,es6不支持写在块状里面.
const hello = require('./a.js')

问题是,如何能让这样的代码工作.是需要引入什么模块吗?知道的人谢谢告诉一声.感激不尽

Answer 1

首先你需要添加 babel这个模块，包括很多依赖模块。

然后你需要配置你的 webpack.config.js文件。

{
    test: /\.js$/,
    exclude: /node_modules|vue\/dist/,
    loader: 'babel?optional[]=runtime&loose=true'
}

以上只是一个例子而已。

具体请参考。https://babeljs.io/