0

我正在尝试建立一个管道来部署我的网站。我使用 grunt 来编译和缩小 CSS。这就是 gruntfile.js 的样子:

  module.exports = function(grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    less:{
      development: {
         options: {
            path: ["assets/less/*.less"]
         },
         files: { "assets/css/style.css" : "assets/less/style.less" }
      }
   },
     cssmin: {
       options: {
          sourceMap: false,
       },
       target: {
          files: {"assets/css/style.min.css": "assets/css/style.css"}
       }
    },
  });

  // Load the plugin that provides the "uglify" task.
  grunt.loadNpmTasks('grunt-contrib-cssmin');
  grunt.loadNpmTasks('grunt-contrib-less');
  // Default task(s).
  grunt.registerTask('default', ['less','cssmin']);

};

这是 package.json 文件:

{
  "name": "lr-experience-builder",
  "version": "0.1.0",
  "devDependencies": {
    "assemble-less": "^0.7.0",
    "grunt": "^0.4.5",
    "grunt-contrib-cssmin": "^1.0.2",
    "grunt-contrib-jshint": "~0.10.0",
    "grunt-contrib-less": "^1.4.0",
    "grunt-contrib-nodeunit": "~0.4.1",
    "install": "^0.8.1",
    "npm": "^3.9.2"
  }
}

我将包安装在 buddy.work 的管道中,但每次运行此管道时,都会出现此错误:

.......
Creating image finished.
grunt
Loading "less.js" tasks...ERROR
>> Error: Cannot find module './lodash'
Warning: Task "less" not found. Use --force to continue.
Aborted due to warnings.
Build failed !!!.

这就是我在 buddy.work 管道中的配置方式:

npm install
npm install -g grunt-cli
npm install grunt --save-dev
npm install grunt-contrib-less --save-dev
npm install grunt-contrib-cssmin --save-dev

有没有人有任何想法?

4

1 回答 1

0

在您的管道包和设置命令中,执行以下操作:

npm install -g grunt-cli
npm install lodash
npm install grunt --save-dev
npm install grunt-contrib-less --save-dev
npm install grunt-contrib-cssmin --save-dev

在运行命令部分执行:

npm install
grunt

顺便说一句,准备部署时检查以清理缓存。

于 2017-01-23T22:40:29.530 回答