gruntjs - 如何将 less-plugin-clean-css 与 grunt-contrib-less 一起使用？

Question

我正在尝试将less-plugin-clean-css与grunt-contrib-less一起使用，但我无法让它运行。似乎 grunt 配置找不到或安装插件。这是我维护的引导程序的一个分支。

我已将 Gruntfile.js 更新为：

grunt.initConfig({
...
less: {
  compileCore: {
    options: {
      strictMath: true,
      sourceMap: true,
      outputSourceFiles: true,
   +  plugins: [
   +    (new require('less-plugin-clean-css')({
   +      "advanced": true,
   +      "compatibility": "ie8"
   +    }))
   +   ],
      sourceMapURL: '<%= pkg.name %>.css.map',
      sourceMapFilename: 'dist/css/<%= pkg.name %>.css.map'
    },
    src: 'less/bootstrap.less',
    dest: 'dist/css/<%= pkg.name %>.css'
  ...
  }
},

安装插件：

npm install less-plugin-clean-css --save-dev

运行grunt并得到这个错误：

Running "less:compileCore" (less) task
>> TypeError: Cannot read property 'install' of undefined

我错过了什么？

Answer 1

正确的语法需要在 require 周围加上额外的括号：

plugins: [
    (new (require('less-plugin-clean-css'))({
        advanced: true,
        compatibility: 'ie8'
    }))
]