Node.js grunt uncss与MEANJS项目
我正试着浏览一个MEANjs项目 在我的grunt文件中,我有以下内容: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.
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用于角度应用。