Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 首次运行Grunt生成时出错_Javascript_Angularjs_Build_Gruntjs_Yeoman - Fatal编程技术网

Javascript 首次运行Grunt生成时出错

Javascript 首次运行Grunt生成时出错,javascript,angularjs,build,gruntjs,yeoman,Javascript,Angularjs,Build,Gruntjs,Yeoman,我使用Yeoman创建了一个angularJS项目 使用grunt-service预览应用程序效果良好。服务器启动,我可以成功浏览我的页面 当执行grunt build时,我得到 Running "cdnify:dist" (cdnify) task Going through dist/404.html, dist/index.html to update script refs >> No "cssmin" targets found. Warning: Task "cssmin

我使用Yeoman创建了一个angularJS项目

使用
grunt-service
预览应用程序效果良好。服务器启动,我可以成功浏览我的页面

当执行
grunt build
时,我得到

Running "cdnify:dist" (cdnify) task
Going through dist/404.html, dist/index.html to update script refs
>> No "cssmin" targets found.
Warning: Task "cssmin" failed. Use --force to continue.

Aborted due to warnings.
我不知道如何解决,也不知道如何开始。我是否缺少一些配置

现在的配置是:

  concat:
  { generated:
   { files:
      [ { dest: '.tmp\\concat\\scripts\\scripts.js',
          src:
           [ '{.tmp,app}\\cdnjs.cloudflare.com\\ajax\\libs\\noUiSlider\\5.0.0\\jquery.nouislider.min.js',
             .
             <MY_LIBRARIES>, 
             .] },
        { dest: '.tmp\\concat\\scripts\\modules.js',
          src:
           [ 'app\\scripts\\app.js',
             .
            <MY_SOURCE_FILES>, 
            . ] } ] } }

  uglify:
  { generated:
   { files:
      [ { dest: 'dist\\scripts\\scripts.js',
          src: [ '.tmp\\concat\\scripts\\scripts.js' ] },
        { dest: 'dist\\scripts\\modules.js',
          src: [ '.tmp\\concat\\scripts\\modules.js' ] } ] } }

  cssmin:
  {}

Running "concurrent:dist" (concurrent) task

Running "imagemin:dist" (imagemin) task
? app/images/yeoman.png (saved 9.06 kB)
Minified 1 image (saved 9.06 kB)

Done, without errors.

Running "svgmin:dist" (svgmin) task

Done, without errors.

Running "compass:dist" (compass) task
directory .tmp/styles/
       create .tmp/styles/bootstrap.css (1.739s)
       create .tmp/styles/main.css (0.129s)
       create .tmp/styles/problem-comprehension.css (0.002s)
       create .tmp/styles/problem-timedword.css (0.002s)
       create .tmp/styles/track-detail.css (0.009s)
    Compilation took 1.894s

Done, without errors.

Running "autoprefixer:dist" (autoprefixer) task
Prefixed file ".tmp/styles/bootstrap.css" created.
Prefixed file ".tmp/styles/main.css" created.
Prefixed file ".tmp/styles/problem-comprehension.css" created.
Prefixed file ".tmp/styles/problem-timedword.css" created.
Prefixed file ".tmp/styles/track-detail.css" created.

Running "concat:generated" (concat) task
File ".tmp\concat\scripts\scripts.js" created.
File ".tmp\concat\scripts\modules.js" created.

Running "ngmin:dist" (ngmin) task
ngminifying .tmp/concat/scripts/modules.js, .tmp/concat/scripts/scripts.js

Running "copy:dist" (copy) task
Created 699 directories, copied 1980 files

Running "cdnify:dist" (cdnify) task
Going through dist/404.html, dist/index.html to update script refs
>> No "cssmin" targets found.
Warning: Task "cssmin" failed. Use --force to continue.

Aborted due to warnings.


Execution Time (2014-02-06 19:49:33 UTC)
clean:dist           1.3s  ■■■■■■■■■■■ 8%
useminPrepare:html  169ms  ■■ 1%
concurrent:dist      5.3s  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 33%
ngmin:dist           2.3s  ■■■■■■■■■■■■■■■■■■■ 14%
copy:dist            6.8s  ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 42%
Total 16.1s
concat:
{生成:
{文件:
[{dest:'.tmp\\concat\\scripts\\scripts.js',
src:
['{.tmp,app}\\cdnjs.cloudflare.com\\ajax\\libs\\noUiSlider\\5.0.0\\jquery.noUiSlider.min.js',
.
, 
.] },
{dest:'.tmp\\concat\\scripts\\modules.js',
src:
['app\\scripts\\app.js',
.
, 
. ] } ] } }
丑陋的:
{生成:
{文件:
[{dest:'dist\\scripts\\scripts.js',
src:['.tmp\\concat\\scripts\\scripts.js']},
{dest:'dist\\scripts\\modules.js',
src:['.tmp\\concat\\scripts\\modules.js']}]}
cssmin:
{}
运行“concurrent:dist”(并发)任务
正在运行“imagemin:dist”(imagemin)任务
? app/images/yeoman.png(保存9.06 kB)
缩小1个图像(保存9.06 kB)
完成,没有错误。
正在运行“svgmin:dist”(svgmin)任务
完成,没有错误。
运行“指南针:距离”(指南针)任务
directory.tmp/styles/
create.tmp/styles/bootstrap.css(1.739s)
create.tmp/styles/main.css(0.129s)
create.tmp/styles/problem-comprehension.css(0.002s)
create.tmp/styles/problem-timedword.css(0.002s)
create.tmp/styles/track-detail.css(0.009s)
编译耗时1.894s
完成,没有错误。
正在运行“autoprefixer:dist”(autoprefixer)任务
已创建前缀文件“.tmp/styles/bootstrap.css”。
已创建前缀文件“.tmp/styles/main.css”。
已创建前缀文件“.tmp/styles/problem comprehension.css”。
已创建前缀文件“.tmp/styles/problem timedword.css”。
已创建前缀文件“.tmp/styles/track detail.css”。
正在运行“concat:generated”(concat)任务
文件“.tmp\concat\scripts\scripts.js”已创建。
已创建“.tmp\concat\scripts\modules.js”文件。
正在运行“ngmin:dist”(ngmin)任务
ngminizing.tmp/concat/scripts/modules.js、.tmp/concat/scripts/scripts.js
正在运行“复制:距离”(复制)任务
创建了699个目录,复制了1980个文件
正在运行“cdnify:dist”(cdnify)任务
通过dist/404.html、dist/index.html更新脚本引用
>>未找到“cssmin”目标。
警告:任务“cssmin”失败。使用--force继续。
由于警告而中止。
执行时间(2014-02-06 19:49:33 UTC)
清洁:距离1.3s■■■■■■■■■■■ 8%
useminPrepare:html 169ms■■ 1%
并发:dist 5.3s■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 33%
ngmin:dist2.3s■■■■■■■■■■■■■■■■■■■ 14%
副本:dist 6.8s■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 42%
总计16.1秒

Yeoman开箱即用配置需要一些调整。cssmin是构建任务的一部分,但它被注释掉了。由于“usemin”在后面列出,所以我刚刚将其从任务中删除

如果您查看Gruntfile.js,它在某一点上也会这样说:

// By default, your `index.html`'s <!-- Usemin block --> will take care
// of minification. These next options are pre-configured if you do not
// wish to use the Usemin blocks.
//默认情况下,您的'index.html'会处理
//缩小的可能性。如果没有,则这些下一个选项是预先配置的
//希望使用Usemin块。

因此,您可以在HTML中保留该块,或者在Gruntfile.js中取消注释!我花了一段时间才弄明白,因为我立即清理了我的HTML,但它现在就像一个魅力

你需要像这样在你的应用程序中为构建css文件添加注释

<!-- build:css(.) styles/vendor.css -->
    <!-- Bootstrap -->
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">

<!-- endbuild -->
<!-- build:css(.tmp) styles/main.css -->
    <link rel="stylesheet" href="styles/styles.css">
<!-- endbuild -->