css - Grunt 动态文件映射生成过多的路径

Question

我正在使用以下内容:

var path = require('path');

module.exports = function(grunt) {

  grunt.initConfig({
    less: {
      options: {
        paths: '/',
        yuicompress: false,
        ieCompat: true,
        compress: false,
        sourceMap: true,
        sourceMapFilename: 'alice/public/local/less/intfarm.css.map',
        require: [
          'alice/public/local/less/intfarm.less'
        ]
      },
      src: {
        expand: true,
        src: ['alice/public/local/less/*.less'],
        ext: '.css',
        dest: 'alice/public/local/css/local/compiled/',
      }
    },
  });

  grunt.loadNpmTasks('grunt-contrib-less');
  grunt.registerTask('default', ['less']);
}

我不明白为什么还要为“dest”路径生成“src”路径……:

/alice/public/local/css/local/compiled/alice/public/local/less/account.css

我期待:

/alice/public/local/css/local/compiled/account.css

Answer 1

这是因为您没有使用 cwd 选项。 src 选项包含 matching patterns解析为相对于 cwd 路径的路径。简单来说，所有在src中匹配的文件路径都会在dest结果中。

所以你需要以下配置来解决你的问题。

src: {
    expand: true,
    cwd: 'alice/public/local/less/',
    src: ['*.less'],
    ext: '.css',
    dest: 'alice/public/local/css/local/compiled/',
  }