Zurb foundation Babel打破了其他javascript插件/框架

我正在使用Zurb Fonudation框架。当我将一个JavaScript框架（如snap.svg）放入src/assets/js文件夹时，它会自动编译到app.js文件中。到目前为止，我有一个我尝试使用的jQuery插件坏了，还有snap.svg坏了。我想这和巴贝尔有关。例如，对于snap.svg，我得到以下错误

snap.svg.js:420 Uncaught TypeError: Cannot set property 'eve' of undefined

我已经尝试将snap.svg的路径放在config.yml文件中，但除了snap.svg在app.js中的位置之外，这似乎没有任何区别

---

我想我只是做得不对。有什么想法吗？

您可以在构建过程中将“忽略”标志传递给巴贝尔，告诉它不要传输特定的代码片段。例如：

function javascript() {
  return gulp.src(PATHS.javascript)
  .pipe($.sourcemaps.init())
  .pipe($.babel({ignore: ['src/assets/js/snap.svg']}))
  .pipe($.concat('app.js'))
  .pipe($.if(PRODUCTION, $.uglify()
    .on('error', e => { console.log(e); })
  ))
  .pipe($.if(!PRODUCTION, $.sourcemaps.write()))
  .pipe(gulp.dest(PATHS.dist + '/assets/js'));
}

---

你可以在这个论坛帖子中看到更多关于定制构建过程的信息：

你使用的是什么构建系统，以及你是如何配置Babel来运行它的？我使用的是Zurb模板，它使用npm、gulp、Babel等。无论默认设置是什么，我都在使用。在看不到实际代码的情况下，我最好的猜测是，它会在框架上自动运行Babel，期望它们是单独的ES6模块，而不是。我对这个框架一无所知，所以我不能提供更多，对不起。