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.

我有以下目录结构

├── 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

此外，据我所知，您应该考虑使用普通的index.html进行角度应用。

与MEANJS项目的grunt-uncss

1 个答案: