为wordpress主题编译资产

时间:2015-07-08 16:51:27

标签: wordpress sass gruntjs

我正在使用WordPress主题(更具体地说:一个wordpress主题样板文件),它使用了SASS(以及许多其他技术)。我的SASS文件在assets/sass范围内。我的问题是:如何/在哪里编译它们?

将它们编译到根目录中感觉不对,因为它变得臃肿 - 它已经很大了(有Grunt,Bower等)。 资产路径问题(见下文)将消失。

将它们编译到一个目录(如temp或其他)中不会使我的目录膨胀,但会导致资产路径问题。

资产路径问题:

elem { background-image: url('images/foobar.png'); }

如果编译的sass文件在assets中,则路径将是正确的。 assets/images/foobar.png只能在根目录中工作。

一个重要的注意事项:可以使用Grunt创建主题的可分发版本,其中所有样式都与根目录中的style.css文件连接在一起。生成的dist目录只包含应该上传到服务器或用于分发的文件(没有构建文件,没有sass,没有咖啡等等 - 只是编译和#34;已完成"文件)

有什么想法吗?感谢。

0 个答案:

没有答案