ES6インポートでFoundation 6のJSファイルを含めるにはどうすればいいですか？

Question

私はJSをコンパイルするためにbrowserify + babelifyでgulpを使用しています。私は輸入財団JSモジュールにしようとしていますsrc/js/main.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); 

：

私の仕事は、そのように見えます。コンパイル後

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

私はいくつかのbrowserifyとbabelifyコードと非コンパイル基盤モジュールを取得：

しかし、このファイルには、一行のみで構成します！

import './inc/app'; 

そして、この場合にはAlが正常に動作します：：私はsrcフォルダにnode_modulesからファイルをコピーし、それをインポートしようとした

なぜ？どのような魔法？何が正しい方法でしょうか？

Answer 1

問題は、foundation-sitesパッケージのソースファイルをインポートしようとしていることです。バンドルされたバージョンまたはすでに翻訳された単一のソースファイル（node-modules/foundation-sites/dist/plugins/foundation.util.motion）を使用する必要があります。

が続いてこれであなたの輸入を交換し、それが動作します：

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