【问题标题】:Less task not found error少任务未找到错误
【发布时间】:2016-01-27 23:35:03
【问题描述】:

我最近开始使用 grunt,但似乎无法正常工作:我使用 npm 安装了 grunt-cli,还使用 ​​npm 安装了一些 grunt 模块,没有任何问题。我正在尝试将所有引导框架的 less 文件编译到一个 css 文件中,但不断收到错误消息,提示找不到 less 任务。我确定一切都在它应该在的地方,我在 gruntfile 中加载了 grunt-contrib-less 插件。知道我哪里可能出错了吗?

我的 package.json 的内容:

{
    "name": "dConference",
    "version": "0.1.0",
    "devDependencies": {
    "grunt": "latest",
    "grunt-contrib-jshint": "latest",
    "jshint-stylish": "latest",
    "grunt-contrib-uglify": "latest",
    "grunt-contrib-less": "latest",
    "grunt-contrib-cssmin": "latest",
    "grunt-contrib-watch": "latest" 
    }
}

还有我的 gruntfile.js 的内容:

//gruntfile specifying all tasks to be performed

module.exports = function(grunt){
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        //all configuration goes here
        less: {
            build: {
                files: [{
                    expand: true,
                    cwd: "components/less",
                    src: ["*.less"]
                    dest: "css/main.css"
                }               ]
            }
        }

    });

    grunt.loadNpmTasks("grunt-contrib-jshint");
    grunt.loadNpmTasks("grunt-contrib-uglify");
    grunt.loadNpmTasks('grunt-contrib-less');
    grunt.loadNpmTasks("grunt-contrib-cssmin");
    grunt.loadNpmTasks("grunt-contrib-watch");



};

【问题讨论】:

    标签: javascript node.js twitter-bootstrap gruntjs


    【解决方案1】:

    我按照以下方式制作了 Gruntfile.js。

    module.exports = function(grunt) {
        grunt.initConfig({
            pkg: grunt.file.readJSON('package.json'),
            less: {
                build: {
                    files: {
                        'css/main.css': 'components/less/bootstrap.less'
                    }
                }
            }
    
        });
    
        grunt.loadNpmTasks("grunt-contrib-jshint");
        grunt.loadNpmTasks("grunt-contrib-uglify");
        grunt.loadNpmTasks('grunt-contrib-less');
        grunt.loadNpmTasks("grunt-contrib-cssmin");
        grunt.loadNpmTasks("grunt-contrib-watch");
    };
    

    并且在项目根文件夹上运行“grunt less”是成功的。 成功运行“grunt less”命令后,在css文件夹下生成了main.css。

    项目结构为:

    咕噜测试项目

    • 组件/更少
      • mixins 文件夹
      • 所有其他无引导文件
    • CSS
    • Gruntfile.js
    • package.json

    请在你身边试一试,然后告诉我结果。

    【讨论】:

    • 请在此处发布整个 Gruntfile.js 文件
    • 感谢您的浏览。我刚刚用 grunt.js 文件内容更新了我的问题
    • 底部的文件是 grunt.js 而不是 gruntfile.js
    • 这个问题你解决了吗?如果没有,请发布整个 Gruntfile.js 文件
    • 不,还是不走运...我现在用我的 gruntfile.js 更新帖子。
    猜你喜欢
    • 1970-01-01
    • 2018-08-28
    • 2018-01-30
    • 1970-01-01
    • 2021-03-08
    • 1970-01-01
    • 2015-12-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多