gruntjs – 什么是imagesDir&imagesPath在grunt-contrib-compass中？

我正在使用grunt-contrib-compass,在设置中,有像imagesDir和imagesPath这样的选项.我只是想知道那是什么,我该如何使用它？

解决方法

显然,这些选项可以与指南针URL Helpers一起使用.如果您在Gruntfile.js中指定了imagesDir,则可以调用指南针函数images-url()来生成images文件夹的路径.

例如,这是您指定Gruntfile.js的方式：

compass: {
  build: {
    options: {
      cssDir: './source/css/',sassDir: './source/css/',imagesDir: './source/images/',force: true,outputStyle: 'expanded',}
  }
}

这就是你从scss文件中调用函数的方法：

background-image: image-url( 'test.png' );

当您运行任务时,它将被编译为：

background-image: url('/./source/images/test.png');

同样的事情适用于fontsDir,你只需要调用不同的罗盘功能font-url().如果您想了解更多详情,请点击链接http://compass-style.org/reference/compass/helpers/urls/