咕噜咕噜的UseminPrepare不生成配置

Grunt UseminPrepare Not Generating Configuration

本文关键字：配置 UseminPrepare      更新时间：2023-09-26

我正在尝试使用grunt-usemin从我的项目中连接、缩小和删除未使用的优化引用。我已经在我的index.html文件中设置了build块，如下所示：

索引.html 

<!-- build:js js/optimized.js-->
<script src="app/app.js"></script>
<script src="app/config.js"></script>
<script src="app/config.exceptionHandler.js"></script>
<script src="app/config.route.js"></script>
<script src="app/common/common.js"></script>
<script src="app/common/bootstrap/bootstrap.dialog.js"></script>
<script src="app/controller1/controller1.js"></script>
<script src="app/services/service.js"></script>
<!-- endbuild -->

我的gruntfile.js看起来像：

"use strict";
module.exports = function (grunt) {
grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    useminPrepare: {
        html: 'index.html',
        options: {
            dest: '/dist'
        }
    },
    usemin: {
        options: {
            dirs: ['dist/index.html']
        }
    }
});
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-usemin');
grunt.registerTask('testtask', ['useminPrepare', 'concat', 'uglify', 'usemin']);
};

但是，usemin从未在我的gruntfile.js中实际生成concat或uglify方法。相反，当尝试运行时 

grunt.registerTask('newtask', ['useminPrepare', 'concat', 'uglify', 'usemin']);

我收到一个错误，指出"未找到"连接"目标"。

我的gruntfile.js和index.html都在根目录中。我在这里做错了什么吗？

编辑：与--verbose一起运行 

Running tasks: useminPrepare
Running "useminPrepare" task
Running "useminPrepare:html" (useminPrepare) task
Verifying property useminPrepare.html exists in config...OK
Files: [no src] -> html
Options: dest="/dist"
Going through  to update the config
Looking for build script HTML comment blocks
Configuration is now:
  concat:
  undefined
  uglify:
  undefined
  cssmin:
  undefined

像垃圾邮件人说：发生此错误是因为您编写了错误的 html 文件路径。

常见的是：

useminPrepare: {
   html: ['<%= yeoman.app %>/index.html'],
   options: {
      dest: '<%= yeoman.dist %>'
   }
}

请确保Usemin可以通过您的HTML配置找到您的索引.html文件。

您的索引.html useminPrepare 中的引用缺失client/：

useminPrepare: {
    html: 'client/index.html',
    options: {
        dest: '/dist'
    }
}
我

与我正在从事的一个项目进行了比较，该项目似乎使用了相同的 yeoman 生成器。

相关文章：