0

我正在使用 gulp-usemin 来合并我的 JS 文件（使用 uglify）

我的文件夹结构如下：

Top
  |- Web
      |- Scripts
         |- App
             |- script1.js
             |- script2.js
         |- Vendor (folder)
         |- CompiledScripts
             |- useminFile1.js
      |- Areas
          |- Area1
              |- index.html

gulp-usemin 的所有用例都指定将所有内容复制到一个dist文件夹中，这是我做不到的。

目标是将 index.html 文件重写到其当前位置，但将组合的 JS 文件写入“Top/Web/Scripts/CompiledScripts”。我尝试了各种组合，但我只能将 JS或html 放在正确的位置，而不是两者兼而有之。

我把基本任务放在下面。这将在正确的位置输出重写的索引文件，而不是编译的 JS 文件（将与 html 文件在同一目录中，放在 html 块中的路径）。

gulp.src('./Top/Web/Areas/Area1/index.html')
    .pipe(usemin({
        path: './Top/Web/',
        assetsDir: './Top/Web/',
        js: [
            uglify()
        ]
    }))
    .pipe( gulp.dest( './Top/Web/Areas/Area1/' ) );

HTML 块。需要有脚本的绝对路径

<!-- build:js /Scripts/CompiledModules/Libraries/test.js -->
    <script src="/Scripts/Vendor/Bower/lodash/dist/lodash.js"></script>
    <script src="/Scripts/Vendor/Bower/jquery/jquery.js"></script>
<!-- endbuild -->

任何帮助将不胜感激。在我们说话时尝试更多组合

4

1 回答 1

0

既然你有：

.pipe( gulp.dest( './Top/Web/Areas/Area1/' ) );

你需要使用：

<!-- build:js ../../Scripts/CompiledScripts/vendor.min.js -->
于 2015-03-08T03:14:49.263 回答