在 Node-Gulp-Webpack 构建中包含外部 JavaScript 文件答案

【问题标题】：Include external JavaScript file in Node-Gulp-Webpack build在 Node-Gulp-Webpack 构建中包含外部 JavaScript 文件
【发布时间】：2015-09-17 19:37:12
【问题描述】：

我有一个使用 Node-Gulp-Webpack 构建的应用程序。

我有一个外部 JavaScript 文件 external.js 不是我的应用程序的本地文件，但我希望能够在我的应用程序中 require 它。该文件所在的路径有一个名为 MY_PATH 的环境变量。

我怎样才能在我的构建中包含这个 external.js 而不用它制作一个 Node 模块？

到目前为止，这不起作用并且不会返回有用的错误消息：

var external = require(process.env.MY_PATH + '/external.js');

【问题讨论】：

您是在 require' 将此外部文件放入客户端文件中，还是在您的 nodejs 应用程序中？
process.env.MY_PATH 是否被正确解析？ console.log(process.env.MY_PATH) 的输出是什么？
我创建了一个名为 MY_PATH 的环境变量，设置为路径并使用 require(process.env.MY_PATH)，它使用节点 REPL 工作，起初它不起作用，因为我必须打开一个新的 cmd 提示符。

标签： javascript node.js gulp webpack commonjs

【解决方案1】：

使用gulp-remote-src，示例：

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var remoteSrc = require('gulp-remote-src');

gulp.task('remote', function() { 
    remoteSrc(['app.js', 'jquery.js'], {
        base: 'http://myapps.com/assets/',
    })
    .pipe(uglify())
    .pipe(gulp.dest('./dist/'));
})

【讨论】：