带有 MEANJS 项目的 grunt-uncss答案

【问题标题】：grunt-uncss with MEANJS project带有 MEANJS 项目的 grunt-uncss
【发布时间】：2014-10-15 18:12:14
【问题描述】：

我正在尝试通过 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.

我有以下目录结构

├── 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，例如从引导程序中删除的 css。

所以非常感谢您对如何做到这一点的任何帮助？

【问题讨论】：

标签： node.js angularjs gruntjs mean-stack

【解决方案1】：

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

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

【讨论】：