grunt uncss with MEANJS项目

Question

我正在尝试在MEANjs项目上运行grunt-uncss

在我的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

这是我的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>

正如你所看到的，css是动态的，所以我必须使用url选项，否则我会得到其他错误，我想是因为css链接的动态特性。

这个想法是删除所有不被应用程序使用的css，例如从bootstrap中删除的css。

因此，关于如何做到这一点的任何帮助都是非常令人欣慰的。

Answer 1

我的建议是忘记嵌入css的方法。您可以使用https://www.npmjs.com/package/grunt-processhtml

此外，据我所知，您应该考虑在您的angular应用程序中使用普通的index.html。