我对usemin有一个问题,不确定它是否是一个bug。
我的应用程序结构很简单:
- root
|- gulpfile.js
|- app
| |- index.html
| |- about.html
| |- contact.html
| |- js
| |- a.js
| |- b.js
| |- c.js
| |- d.js
| |- e.js
|
|- dist我的每个html文件中都有一个usemin块,用于包含所有脚本,例如:
<!-- 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 -->当我运行以下任务时:
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插件和脚本,一切都正常工作。这不是一个很好的解决方案,但它为我节省了一些时间。
发布于 2015-07-24 17:58:32
不使用gulp-usemin,只需覆盖要在bower.json中使用的主文件,如下所示:
{
"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"
}
}
}https://stackoverflow.com/questions/27934320
复制相似问题