Javascript 如何通过ES6导入包含基础6 JS文件？

我正在使用gulp和browserify+babelify来编译我的JS

我的任务如下：

import config from '../config.json';

import gulp from 'gulp';
import browserify from 'browserify';
import babelify from 'babelify'
import browserSync from 'browser-sync';
import babel from 'gulp-babel';
import source from 'vinyl-source-stream';


function onError(error) {
    console.log(error.toString());
    this.emit('end');
}

export function dev() {
    return browserify({
        entries: 'src/js/main.js',
        debug: true,
        extensions: ['.js', '.json', '.es6']
    })
        .transform(babelify)
        .bundle()
        .on('error', onError)
        .pipe(source('main.js'))
        .pipe(gulp.dest('public/js'))
        .pipe(browserSync.stream());
}


gulp.task('js:dev', dev);

<>代码> SRC/JS/Maul.js我正在尝试导入基础JS模块。此文件仅包含一行：

import 'foundation-sites/js/foundation.util.motion';

编译后，得到了非编译的基础模块，具有一些BuffSeristic和Babel化代码：

但是我试图将文件从

节点\u模块

复制到src文件夹并导入：

import './inc/app';

在这种情况下，al可以正常工作：

---

为什么?？什么魔法？正确的方法是什么？

问题是您正在尝试导入foundation sites包的源文件。您必须使用捆绑版本或已传输的单个源文件，该文件位于

节点模块/foundation sites/dist/plugins/foundation.util.motion

上

然后将导入替换为以下内容，它将起作用：

import 'foundation-sites/dist/plugins/foundation.util.motion';