将grunt与现有的wordpress实例一起使用

Question

在这种情况下,我正在试图弄清楚如何缩小和组合js/css代码:

• 我购买了一个主题,没有开发它
• 我正在使用几个插件.它们很有用,但是它们会输出一些非常难看的代码(很多内联CSS和js,主要是带有完整注释的开发代码)

我是咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜咕噜

所以我的问题是:有没有办法使用wordpress进行笨拙的工作,以便在上面的案例中提供生产代码？如果是这样,怎么样？

Answer 1

我担心如果不修改这些插件就没有办法实现你想要的东西.

Grunt只是一个JavaScript任务运行器 - 它没有Web应用程序的感觉,无论是WordPress还是自定义.你给Grunt一些输入,你告诉它如何处理这个输入,它就是这样做的.因此,为了使用Grunt缩小和连接您站点上的所有JavaScript和CSS,您必须从插件中提取它并将其放入适当的文件结构中.

一般来说,当一个插件坚持内联一堆JavaScript和/或CSS时,它不是一个非常好的插件.例如,我的团队使用gulp.js(类似于Grunt)进行大量的WordPress前端开发(连接,缩小,指纹识别,自动前缀等),我们非常关注我们使用哪些插件(如果有的话) - 其中一个原因正是你的问题所在.

Answer 2

您可以使用插件将资产出队，也可以手动出队，然后告诉 grunt 连接并缩小它们。

本文可能会为您提供所需的内容http://css-tricks.com/take-control-cssjs-wordpress-plugins-load/