有没有办法在不使用webpack的情况下，使用es6的import和export特性来配合grunt使用？

Question

我想在grunt设置中使用es6的导入和导出功能，但我不想使用webpack来实现import和export，

那么有没有办法在不使用webpack的情况下使用es6的import和export与grunt一起使用？

我的grunt-babel定义如下：

babel: {
options: {
    sourceMap: true,
    presets: ['es2015']
},
build: {
    files: [{
        expand: true, // Enable dynamic expansion
        cwd: 'src/jass',
        src: ['**/*.js'], // Actual patterns to match
        dest: 'src/j'
    }]
}
}

我已经将问题陈述上传到Github上，请 点击此处进行查看。

当我运行index.html时，出现了"define is not defined"的错误。

- coder

Answer 1

你可能想了解一下 babel-cli 这个工具，它能够满足你的需求。或者，如果你更关注让 import 和 export 正常工作，你可以使用 babel-node。

建议阅读这篇文章：https://babeljs.io/docs/usage/cli/

- Leo Napoleon

---

是的，我的主要关注点是如何使用grunt设置来使用导入和导出。因为在使用Babel编译代码并在浏览器中运行相同代码后，会抛出错误：“未定义导入或导出”。所以我是否错过了任何必须在grunt配置中指定的加载程序插件。 - coder