es2015 模块语法，如何导入项目目录之外的文件

es2015 module syntax, how do I import a file that is outside of my project's directory

本文关键字：项目 文件 导入 语法 模块 何导入 es2015      更新时间：2023-09-26

我目前正在做几个项目，并开始提取通用功能。我想将此功能放在另一个文件中，所有其他项目都可以在我处理它时引用。问题是我不知道如何使用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() );
   });

为了关闭上面注释树上的循环，我对 OP 的建议是将他的通用代码发布为 NPM 包，并将其包含在使用它的项目中。然后，他可以增量更新此包并提供版本更新，以便在整个项目中推出新功能。

相关文章：