grunt-contrib-requirejs插件合并压缩requirejs管理的Angularjs应用

来源：互联网发布：apache php nginx 编辑：程序博客网时间：2024/05/21 14:47

Fruntfile.js

'use strict'
module.exports = function(grunt) {
    // 配置
    grunt.initConfig({
        pkg : grunt.file.readJSON('package.json'),
        requirejs : {
            build : {
                options : {
                    baseUrl : 'frontend',
                    name:'config/main',    //主文件名字
                    optimize:'uglify',   //指定压缩工具类型使用uglify工具压缩
                    mainConfigFile: 'frontend/config/main.js', //require 的主文件
                    out:'build/all.js'       //压缩后的文件
                    //其他无需指定本插件会自动寻找require引进的所有文件
                }
            }
        },
        concat : {
            css : {
                src : ['frontend/styles/*.css'],
                dest : 'dist/index.css'
            }
        },
        cssmin : {
            buildCss : {
                src : 'dist/index.css',
                dest : 'dist/index.min.css'
            }
        },
        watch : {
            alljs : {
                files :['frontend/styles/*.css'],
                tasks : ['concat', 'cssmin']
            },
            allcs : {
                files :['frontend/**/*.js'],
                tasks : ['requirejs']
            }
        }
    });
    // 载入concat和uglify插件，分别对于合并和压缩
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-css');
    grunt.loadNpmTasks('grunt-contrib-requirejs');
    grunt.loadNpmTasks('grunt-contrib-watch');
    // 注册任务
    grunt.registerTask('default', ['concat', 'cssmin', 'requirejs', 'watch']);
};

目录结构:

参考:http://www.tuicool.com/articles/u6VveeE

0 0