Gruntjs 如何将Grunt与eclipse中的项目集成。

我是初次使用grunt的，请给出将grunt与动态web项目（webcontent）集成的步骤。

好的，我会尽力帮助您

在项目根目录中创建一个名为grunfile.js的文件：

根据您的项目更改路径

module.exports = function(grunt) {
    var config = {};

    //src ===============================
    var src;
    config.src = src = {
        sassMain: 'scss/main.scss',
        distFolder: 'public/stylesheets/app.dist.css',
        devFolder: 'public/stylesheets/app.dev.css',
        sassFolder: 'scss/**/*.scss',
        serverPort: 8000
    };


    //Concat ===============================

    var concat
    config.concat = concat = {};

    concat.dev = {
        files: {
            "public/myapp.development.js": [
                "with-bootstrap/public/js/vendor", "with-bootstrap/public/js/**/*.js"
            ]
        }
    };

    //Watch ===============================
    config.watch = {
        scripts: {
            files: ["<%= src.sassFolder %>"],
            tasks: ["sass:dist"]
        }
    }

    //Sass ===============================
    var sass;
    config.sass = sass = {};

    //distribution
    sass.dist = {
        options: {
            style: "compressed",
            noCache: true,
            sourcemap: 'none',
            update: true
        },
        files: {
            "<%= src.distFolder %>": "<%= src.sassMain %>"
        }
    };

    //development env.
    sass.dev = {
        options: {
            style: "expanded",
            lineNumber: true,
        },
        files: {
            "<%= src.devFolder %>": "<%= src.sassMain %>"
        }
    };


    //grunt serve ===============================
    config.connect = {
        server: {
            options: {
                livereload: true,
                port: "<%= src.serverPort %>"
            }
        }
    };


    //Register custom tasks ===============================
    grunt.registerTask('default', ['dev']);
    grunt.registerTask('dev', ['concat:dev', 'sass:dev']);
    grunt.registerTask('dist', ['concat:dev', 'sass:dist']);
    grunt.registerTask('serve', ['connect:server', 'watch']);
    require('time-grunt')(grunt);
    require('load-grunt-tasks')(grunt, {
        scope: 'devDependencies'
    });



    //General setup ===============================
    grunt.initConfig(config);

};

运行

npm install

安装grunt任务和npm依赖项

请注意，您需要在计算机中安装grunt和npm

不管怎样，如果这对你有帮助，请告诉我

---

祝你好运好的，我会尽力帮助你的

在项目根目录中创建一个名为grunfile.js的文件：

根据您的项目更改路径

module.exports = function(grunt) {
    var config = {};

    //src ===============================
    var src;
    config.src = src = {
        sassMain: 'scss/main.scss',
        distFolder: 'public/stylesheets/app.dist.css',
        devFolder: 'public/stylesheets/app.dev.css',
        sassFolder: 'scss/**/*.scss',
        serverPort: 8000
    };


    //Concat ===============================

    var concat
    config.concat = concat = {};

    concat.dev = {
        files: {
            "public/myapp.development.js": [
                "with-bootstrap/public/js/vendor", "with-bootstrap/public/js/**/*.js"
            ]
        }
    };

    //Watch ===============================
    config.watch = {
        scripts: {
            files: ["<%= src.sassFolder %>"],
            tasks: ["sass:dist"]
        }
    }

    //Sass ===============================
    var sass;
    config.sass = sass = {};

    //distribution
    sass.dist = {
        options: {
            style: "compressed",
            noCache: true,
            sourcemap: 'none',
            update: true
        },
        files: {
            "<%= src.distFolder %>": "<%= src.sassMain %>"
        }
    };

    //development env.
    sass.dev = {
        options: {
            style: "expanded",
            lineNumber: true,
        },
        files: {
            "<%= src.devFolder %>": "<%= src.sassMain %>"
        }
    };


    //grunt serve ===============================
    config.connect = {
        server: {
            options: {
                livereload: true,
                port: "<%= src.serverPort %>"
            }
        }
    };


    //Register custom tasks ===============================
    grunt.registerTask('default', ['dev']);
    grunt.registerTask('dev', ['concat:dev', 'sass:dev']);
    grunt.registerTask('dist', ['concat:dev', 'sass:dist']);
    grunt.registerTask('serve', ['connect:server', 'watch']);
    require('time-grunt')(grunt);
    require('load-grunt-tasks')(grunt, {
        scope: 'devDependencies'
    });



    //General setup ===============================
    grunt.initConfig(config);

};

运行

npm install

安装grunt任务和npm依赖项

请注意，您需要在计算机中安装grunt和npm

不管怎样，如果这对你有帮助，请告诉我

---

祝你好运

我建议你使用命令行，非常简单。创建gruntfile.js并感到高兴。请给出示例结构。我为您回答了下面的问题。我建议您使用命令行，非常简单。创建gruntfile.js并感到高兴。请给出示例结构。我为您回答了下面的问题。谢谢Raduken，它对我的帮助。如果我为文件提供完整的路径，它的工作状态很好，比如config.watch={scripts:{files:'D:/PROJ/Webcontent/App/view/mypage.html'，tasks:[“sass:dist”]}}}我怎么能为所有js、html和css文件提供完整的项目路径呢？据我所知，您不需要提供像D:/PROJ….这样的路径。。。。。，例如，Grunfile.js将位于D:/PROJ中，所以您需要查看要配置的js和css的位置。感谢Raduken，这对我很有帮助。如果我为文件提供完整的路径，它的工作状态很好，比如config.watch={scripts:{files:'D:/PROJ/Webcontent/App/view/mypage.html'，tasks:[“sass:dist”]}}}我怎么能为所有js、html和css文件提供完整的项目路径呢？据我所知，您不需要提供像D:/PROJ….这样的路径。。。。。，示例GrunFile.js将位于D:/PROJ中，所以您需要查看要配置的js和css的位置。