首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >gulp-usemin可以接受多个文件吗?

gulp-usemin可以接受多个文件吗?
EN

Stack Overflow用户
提问于 2015-01-14 09:10:51
回答 1查看 2.7K关注 0票数 11

我对usemin有一个问题,不确定它是否是一个bug。

我的应用程序结构很简单:

代码语言:javascript
复制
- root
    |- gulpfile.js
    |- app
    |   |- index.html
    |   |- about.html
    |   |- contact.html
    |   |- js
    |       |- a.js
    |       |- b.js
    |       |- c.js
    |       |- d.js
    |       |- e.js
    |
    |- dist

我的每个html文件中都有一个usemin块,用于包含所有脚本,例如:

代码语言:javascript
复制
<!-- build:js js/app.js -->
<script src="../js/a.js"></script>
<script src="../js/b.js"></script>
<script src="../js/c.js"></script>
<script src="../js/d.js"></script>
<script src="../js/e.js"></script>
<!-- endbuild -->

当我运行以下任务时:

代码语言:javascript
复制
gulp.task('usemin'. function() {
    gulp.src('app/*.html')
        .pipe(usemin({
            assetDir: 'app/**/'
        }))
        .pipe(dest('dist/'))
});

只有第一个html文件会复制到新目录中,本例中的js按照预期进行了连接。

当我将gulp.src更改为gulp.src(['index.html','about.html','contact.html'])时,我得到了一个不同的问题,所有的html文件都被复制了,但只有字母顺序中的第一个文件运行usemin块,用新的脚本替换了5个脚本。

任何见解都会很好,我已经广泛地阅读了gulp文档和gulp usemin文档,但找不到任何理由来解释为什么会发生这种情况。

NPM网站上关于我的两个案例中的第一个的例子甚至被作为例子给出,不确定这里发生了什么?也许与我在哪里运行gulpfile有关?

这有可能吗?

干杯。

编辑:不知道这里发生了什么,但我创建了一个全新的项目,并从头开始构建/安装了npm插件和脚本,一切都正常工作。这不是一个很好的解决方案,但它为我节省了一些时间。

EN

回答 1

Stack Overflow用户

发布于 2015-07-24 17:58:32

不使用gulp-usemin,只需覆盖要在bower.json中使用的主文件,如下所示:

代码语言:javascript
复制
{
  "name": "appName",
  "dependencies": {
    "angular": "~1.3.9",
    "angular-animate": "~1.3.9",
    "angular-ui-router": "~0.2.13"
  },
  "overrides": {
    "angular": {
      "main": "angular.min.js"
    },
    "angular-animate": {
      "main": "angular-animate.min.js"
    },
    "angular-ui-router": {
      "main": "release/angular-ui-router.min.js"
    }
  }
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27934320

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档