es2015模块语法,如何导入项目目录

时间:2016-03-04 15:12:58

标签: javascript gulp ecmascript-6 babeljs

我正在开展几个项目并开始提取常用功能。我想将此功能放在另一个文件中,所有其他项目都可以在我处理它时引用。问题是我不知道如何使用es2015语法访问该文件。我使用babel,gulp和browserify但这更像是一个babel问题。发生的错误是:

Error: Couldn't find preset "es2015" relative to directory 

导入是这样的:

import { jsFunction } from '../../../jsFile';

文件结构如下

jsfile
 |---- project1
 |---- project2     

这是我项目上方的一个目录,每个项目都有自己的gulp文件。如何从另一个开发项目导入多个开发项目?

供参考我的gulp任务是

gulp.task('js', function() {
    browserify(entryFile)
        .transform(
            babelify, 
            {presets: ["es2015", "stage-0"]}
         )
        .bundle()
        .on('error', function(err) {
            console.log('Error: ' + err.message);
        })
        .pipe( source( outputFile ))
        .pipe( gulp.dest( jsBuidDir ))
        .pipe( connect.reload() );
   });

1 个答案:

答案 0 :(得分:0)

要关闭上面评论树上的循环,我对OP的建议是将他的公共代码发布为NPM包,并将其包含在使用它的项目中。然后,他可以逐步更新此包并提供版本更新,以便在整个项目中推出新功能。