Node.js grunt uncss与MEANJS项目

Node.js grunt uncss与MEANJS项目,node.js,angularjs,gruntjs,mean-stack,Node.js,Angularjs,Gruntjs,Mean Stack,我正试着浏览一个MEANjs项目 在我的grunt文件中,我有以下内容: uncss:{ dist:{ options:{ urls:['http://localhost:3000'] }, files:{ // 'public/dist/application1.min.css' : ['app/views/layout.

我正试着浏览一个MEANjs项目

在我的grunt文件中,我有以下内容:

 uncss:{
            dist:{
              options:{
                 urls:['http://localhost:3000']
              },
              files:{
               // 'public/dist/application1.min.css' : ['app/views/layout.server.view.html']              
                'public/dist/application1.min.css' : [''] 
              } 
            } 
         }
我得到以下信息:

Running "uncss:dist" (uncss) task
[D] Task source: /home/arw201/code/gitLocal/testeo/clone3/node_modules/grunt-uncss/tasks/uncss.js
Warning: must provide pattern Used --force, continuing.

Done, but with warnings.
我有下面的dir结构

├── app
│   ├── controllers
│   ├── models
│   └── views/
        ├── 404.server.view.html
        ├── 500.server.view.html
        ├── index.server.view.html
        └── layout.server.view.html
├── bower.json
├── config
│   ├── config.js
│   ├── env
│   ├── express.js
│   ├── init.js
│   └── strategies
├── gruntfile.js
├── karma.conf.js
├── node_modules
├── package.json
├── Procfile
├── public
│   ├── application.js
│   ├── config.js
├── content
│   └── style.css
├── dist
│   ├── application.min.css
│   └── application.min.js
│   
│   
├── README.md
└── server.js
这是my layout.view.html文件中标题的一部分

</head>

    <!--Application CSS Files-->
    {% for cssFile in cssFiles %}<link rel="stylesheet" href="{{cssFile}}">
    {% endfor %}
    <link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>


</head>

{cssFiles%中cssFile的%s}
{%endfor%}
正如您所看到的,css是动态完成的,因此为此,我必须使用url选项,否则会出现其他错误,我认为这是因为css链接的动态特性

这样做的目的是删除应用程序未使用的所有css,例如bootstrap中的css


因此,我们非常感谢您对如何实现这一点的任何帮助。

我的建议是忘记您嵌入css的方法。你可以利用

此外,就我所说,您应该考虑使用一个简单的索引x.html用于角度应用。