使用 gulp-jspm 从 Gulp 调用 jspm 缩小答案

【问题标题】：Calling jspm minification from Gulp using gulp-jspm使用 gulp-jspm 从 Gulp 调用 jspm 缩小
【发布时间】：2015-10-20 05:53:02
【问题描述】：

我正在做一个项目，它使用 gulp 调用 jspm 来缩小所有 javascript 文件。

应该运行的 Gulp 任务是

    gulp.task('jspm_minify', function () {
       gulp.src('./app/spa/app.js')
         .pipe(gulp_jspm ())
         .pipe(gulp.dest('./wwwroot/js/'));
});

这会出现以下错误，

Unhandled rejection Error: Unable to calculate canonical name to bundle C://\code\Dev-Stable\src\ProjectName.Web\app\spa\app.js
    at getCanonicalNamePlain (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\systemjs-builder\lib\utils.js:177:13)
    at getCanonicalName (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\systemjs-builder\lib\utils.js:88:19)
    at C:\code\Dev-Stable\src\ProjectName.Web\node_modules\systemjs-builder\lib\arithmetic.js:84:38
    at process._tickCallback (node.js:356:9)
From previous event:
    at processImmediate [as _immediateCallback] (timers.js:371:17)
From previous event:
    at DestroyableTransform._transform (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\gulp-jspm\index.js:40:10)
    at DestroyableTransform.Transform._read (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\through2\node_modules\readable-stream\lib\_stream_transform.js:172:10)
    at DestroyableTransform.Transform._write (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\through2\node_modules\readable-stream\lib\_stream_transform.js:160:12)
    at doWrite (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:326:12)
    at writeOrBuffer (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:312:5)
    at DestroyableTransform.Writable.write (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\through2\node_modules\readable-stream\lib\_stream_writable.js:239:11)
    at write (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_readable.js:623:24)
    at flow (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_readable.js:632:7)
    at DestroyableTransform.pipeOnReadable (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_readable.js:664:5)
    at emitNone (events.js:67:13)
    at DestroyableTransform.emit (events.js:166:7)
    at emitReadable_ (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_readable.js:448:10)
    at emitReadable (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_readable.js:444:5)
    at readableAddChunk (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_readable.js:187:9)
    at DestroyableTransform.Readable.push (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_readable.js:149:10)
    at DestroyableTransform.Transform.push (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_transform.js:145:32)
    at afterTransform (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_transform.js:101:12)
    at TransformState.afterTransform (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\vinyl-fs\node_modules\readable-stream\lib\_stream_transform.js:79:12)
    at DestroyableTransform.noop [as _transform] (C:\code\Dev-Stable\src\ProjectName.Web\node_modules\vinyl-fs\node_modules\through2\through2.js:26:3)

但是如果我使用下面的普通命令行代码运行缩小，它可以工作。

jspm bundle app/spa/app  wwwroot/js/spa.min.js --minify

我们的应用程序是一个 SPA。使用角度 JS。使用 JSPM 加载和管理模块。

有人遇到过这个问题吗？

谢谢。

【问题讨论】：

标签： gulp minify bundling-and-minification jspm

【解决方案1】：

我认为这只是一个斜线问题

在您的错误日志的第一行：

C://\code\Dev-Stable\src\ProjectName.Web\app\spa\app.js

也许您可以使用gulp-slash 或自行更改路径。

【讨论】：