使用 grun 构建时 dist 中没有视图

Question

我有一个 angular 应用程序，我使用 yeoman.

搭建了脚手架

当我尝试使用 grunt 构建时，dist/

中没有生成视图目录

这是我的 GruntFile 的样子

htmlmin: {
      dist: {
        options: {
          collapseWhitespace: false,
          conservativeCollapse: false,
          collapseBooleanAttributes: true,
          removeCommentsFromCDATA: true
        },
        files: [{
          expand: true,
          cwd: '<%= yeoman.dist %>',
          src: ['*.html'],
          dest: '<%= yeoman.dist %>'
        }]
      }
    },

    ngtemplates: {
      dist: {
        options: {
          module: 'tweetSearchApp',
          htmlmin: '<%= htmlmin.dist.options %>',
          usemin: 'scripts/scripts.js'
        },
        cwd: '<%= yeoman.app %>',
        src: 'views/{,*/}*.html',
        dest: '.tmp/templateCache.js'
      }
    },

这就是我的 grunt 日志的样子

Running "ngtemplates:dist" (ngtemplates) task
File .tmp/templateCache.js created.
>> Usemin has not created uglify.generated yet!

和

Running "usemin:html" (usemin) task
Replaced 2 references to assets

Running "usemin:css" (usemin) task
Replaced 2 references to assets

Running "usemin:js" (usemin) task
Replaced 2 references to assets

Running "htmlmin:dist" (htmlmin) task
Minified 2 files

但我仍然看不到 dist/ 文件夹中生成的任何视图文件夹

请帮我配置一下

Answer 1

请看这个link

https://www.npmjs.com/package/grunt-angular-templates

Grunt 正在使用 $templateCache 缓存您的 HTML 模板。这意味着您所有的 Html 文件都包含在 dist/scripts/script*.js.

中生成的脚本*.js 文件中

这就是 dist/

中没有生成 views 目录的原因

Answer 2

改变你的 gruntfile.js

html分钟。 files.src: ['.html', '{,/}*.html']和

copy.dist.files.src:[ '.{ico,png,txt}', '.htaccess', '.html', '{,/}.html', 'images/{,/}.{webp}', 'styles/fonts/{,/}.*' ]

这样对我有用。

使用 grun 构建时 dist 中没有视图

No views present in dist when building with grunt

angularjs

gruntjs

yeoman

yeoman-generator-angular