首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Grunt的多个文件夹和文件

使用Grunt的多个文件夹和文件
EN

Stack Overflow用户
提问于 2015-02-08 19:09:30
回答 1查看 265关注 0票数 1

我在和Grunt合作缩小JS。我需要缩小不同页面的文件夹.例如,workspace.min.js用于工作区页面,dashboard.min.js用于仪表板页面.

我需要如何配置我的gruntfile文件?我可以添加我的咕噜文件任务,以缩小CSS文件也?

我把我的gruntfile.js的实际代码放在这里!(我是Grunt的新手.对不起)

谢谢!!

代码语言:javascript
复制
module.exports = function (grunt) {

// Project configuration.
grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    paths: {
        src: {
            js: ['Resources/js/workspace/*.js', 'Resources/plugins/redactor/*.js', 'Resources/plugins/jquery.cookie/jquery.cookie.js',
                '/Resources/plugins/holder/holder.js', '/Resources/plugins/jquery.numeric/jquery.numeric.min.js', '/Resources/plugins/smothZoom/jquery.smoothZoom.js',
            '/Resources/plugins/jquery-transit/jquery.transit.min.js','']
        },
        dest: {
            js: 'dist/workspace.js',
            jsMin: 'dist/workspace.min.js'
        }
    },
    concat: {
        js: {
            options: {
                separator: ';'
            },
            src: '<%= paths.src.js %>',
            dest: '<%= paths.dest.js %>'
        }
    },
    uglify: {
        options: {
            banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n',
            compress: true,
            mangle: true,
            sourceMap: true
        },
        build: {
            src: '<%= paths.src.js %>',
            dest: '<%= paths.dest.jsMin %>'
        }
    }
});

// Load the plugin that provides the "uglify" task.
grunt.loadNpmTasks('grunt-contrib-uglify');

// Default task(s).
grunt.registerTask('default', ['uglify']);

};

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-02-08 20:33:34

如果要缩小多个文件的数量,可以创建多个键,如:

代码语言:javascript
复制
    uglify: {
        scripts: {
            files:{
                '<%= dirs.dest%>/js/scripts.min.js': [
                    '<%= dirs.src%>/js/scripta.js',
                    '<%= dirs.src%>/js/scriptb.js',
                    '<%= dirs.src%>/js/scriptc.js'
                    ]
            }
        },
        someotherscript: {
            files:{
                '<%= dirs.dest %>/js/scriptd.min.js': '<%= dirs.src %>/js/scriptd.js'
            }
        }
    }

然后创建一个默认任务来运行它们,如下所示:

代码语言:javascript
复制
grunt.registerTask(
    'default',
    [
    'uglify:scripts',
    'uglify:someotherscript',
    ]
);

然后当你咕哝的时候,它们都变小了。

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

https://stackoverflow.com/questions/28398137

复制
相关文章

相似问题

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