首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >包括-源+ usemin不一起工作

包括-源+ usemin不一起工作
EN

Stack Overflow用户
提问于 2014-09-13 13:59:42
回答 1查看 727关注 0票数 2

我一直在关注这个问题,所以请回答How to include scripts automatically in a yeoman/grunt project?如何通过usemin从脚本文件夹中包含所有js文件。在我添加了grunt-include-source插件之后,usemin无法用正确的concated+minified脚本替换生成的脚本块,该块只会被删除或只填充源标记。

index.html中的源如下:

代码语言:javascript
复制
<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<!-- endbower -->
<!-- endbuild -->

<!-- build:js({.tmp,app}) scripts/scripts.js -->
<!-- include: "type": "js", "files": "scripts/**/*.js" -->
<!-- endbuild -->

在grunt-include-source和grunt-wiredep之后,代码如下:

代码语言:javascript
复制
<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/es5-shim/es5-shim.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/json3/lib/json3.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-cookies/angular-cookies.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<!-- endbower -->
<!-- endbuild -->

<!-- build:js({.tmp,app}) scripts/scripts.js -->
<script src="scripts/app.js"></script>
<script src="scripts/controllers/about.js"></script>
<script src="scripts/controllers/company/list.js"></script>
<script src="scripts/controllers/dashboard/main.js"></script>
... more ...
<!-- endbuild -->

我使用的是grunt-wiredep插件,它是在grunt-include-source和grunt-usemin之后运行的,该代码被正确替换。

产出应是:

代码语言:javascript
复制
<script src="scripts/vendor.1e81ad0a.js"></script>
<script src="scripts/scripts.1e82ad0a.js"></script>

但只限于:

代码语言:javascript
复制
<script src="scripts/vendor.1e81ad0a.js"></script>

<!-- build:js({.tmp,app}) scripts/scripts.js -->
<script src="scripts/app.js"></script>
<script src="scripts/controllers/about.js"></script>
<script src="scripts/controllers/company/list.js"></script>
<script src="scripts/controllers/dashboard/main.js"></script>
... more ...
<!-- endbuild -->

有谁能解决这个问题吗?

预先谢谢你,米哈尔

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-10-02 15:43:38

在任务中:' copy :dist‘注释html的副本,这样好的index.html (在包含资源运行之后)就不会被应用程序的index.html覆盖。

代码语言:javascript
复制
copy: {
      dist: {
        files: [{
          expand: true,
          dot: true,
          cwd: '<%= yeoman.app %>',
          dest: '<%= yeoman.dist %>',
          src: [
            '*.{ico,png,txt}',
            '.htaccess',
            //'*.html',
            'views/{,*/}*.html',
            'images/{,*/}*.{webp}',
            'fonts/*'
          ]
        }
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25823931

复制
相关文章

相似问题

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