javascript - 使用 es6 样式的 npm 依赖项时出现 browserify 错误

Question

运行我的 grunt build 任务后，我收到以下错误：

>> Error: Parsing file /Users/xx/testProject/node_modules/vfc/js/file.js: 'import' and 'export' may appear only with 'sourceType: module' (12:0)

我正在使用 Grunt 和 Browserify 来构建一个 javascript 项目。

在testProject我需要通过 npm (node_module) 的 vfc 。

var vfc = require('vfc');

vfc是用 es6 风格编写的，使用export, class等。

我的 gruntfile 看起来像这样：

var gruntConfig = {

  browserify: {
    dist: {
      options: {
        transform: [
          ["babelify"]
        ]
      },
      files: {
        'bin/build.js': ['./src/main.js']
      }
    }
  }
};

module.exports = function(grunt) {
    grunt.initConfig(gruntConfig);
    grunt.loadNpmTasks('grunt-browserify');

    grunt.registerTask('build', ['browserify']);
};