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

标签 javascript php css wordpress gruntjs

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

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

我对 grunt 还很陌生,我过去曾在自定义 Web 应用程序中使用过它,但从未在 wordpress 中使用过,我想知道当你有很多 PHP 脚本/插件会注入(inject)丑陋的代码时它是否有帮助。

所以我的问题是:有没有办法让 grunt 与 wordpress 一起工作,以便在上述情况下提供生产代码?如果是,怎么办?

最佳答案

如果不修改这些插件,恐怕无法实现您想要的。

Grunt 只是一个 JavaScript 任务运行器——它没有网​​络应用程序的意义,无论是 WordPress 还是自定义的东西。您给 Grunt 一些输入,然后告诉它如何处理该输入,它就会执行。因此,为了使用 Grunt 缩小和连接您网站上的所有 JavaScript 和 CSS,您必须将其从插件中提取出来,并将其放入适当的文件结构中。

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

关于javascript - 将 grunt 与现有的 wordpress 实例一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28101121/

相关文章:

javascript - Tensorflow 和 Tensorflow.js 的区别?

javascript - Selenium - 检查变量内的字符

javascript - 一次请求中从 JS 到 Spring 的多个 STOMP 订阅

php - 通过 SQL 的 MySQL 全文索引不起作用

css - 奇怪的 :active behavior in IE8

html - 如何在 Bootstrap 中将按钮对齐到文本框的右侧

javascript - 在javascript中按字母顺序排序

php - Jquery在span中显示图像标题

php - 通过 PHPMailer 发送带附件的电子邮件

css - Sass 3.3.7 - 动态创建图标列表