首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将Grunt与eclipse中的项目集成。

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

Stack Overflow用户
提问于 2016-10-24 12:27:29
回答 1查看 2.5K关注 0票数 0

我是新使用的咕特,请给出步骤,以整合的动态网页项目(网页内容)。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-10-25 11:38:01

好的,我会尽力帮你的。

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

根据项目更改路径。

代码语言:javascript
运行
复制
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 init填写您的项目信息。

在打开package.json文件之后,我们现在将包括要安装的普通任务。

代码语言:javascript
运行
复制
 "devDependencies": {
    "grunt": "*",
    "grunt-contrib-concat": "*",
    "grunt-contrib-connect": "^1.0.2",
    "grunt-contrib-sass": "*",
    "grunt-contrib-watch": "*",
    "grunt-exec": "^1.0.1",
    "load-grunt-tasks": "^3.5.0",
    "time-grunt": "^1.3.0",
    "express": "^4.14.0"
  }

运行npm install以安装grunt任务和npm依赖项。

请注意,您需要安装在您的计算机咕噜和npm。

不管怎样,如果这对你有帮助的话,请告诉我。

祝好运

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40218430

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档