Grunt,如何缩小不同的文件夹(包括node_modules文件夹)

时间:2017-04-14 17:54:48

标签: javascript css gruntjs

我在WP项目中使用NPM。

我已经有了一个艰巨的任务,将我单独的SCSS文件编译成CSS文件,然后在运行default.min.css时将它们缩小为一个grunt文件(这很好。)

我的主要问题是我希望包含不同的npm软件包,例如fontawesome,bootstrap等,它们也会被缩小为一个缩小的min.css文件,以及我自己的文件。

我还想知道如何使用我正在使用的不同软件包(jquery-ui,owl-carousel等)对我自己的*.js文件进行uglify。

请在下面找到我的 Gruntfile.js ,这是我的第一个Gruntfile.js,所以请随意添加任何建设性的评论。

谢谢, 芽

Gruntfile.js

module.exports = function (grunt) {
    grunt.initConfig({
        sass: {
            dist: {
                files: [{
                    expand: true,
                    cwd: 'resource/scss/',
                    src: ['*.scss'],
                    dest: 'resource/builds/css/',
                    ext: '.css'
                }]
            }
        },
        watch: {
            css: {
                files: '**/*.scss',
                tasks: ['sass', 'cssmin']
            },
            scripts: {
                files: 'resource/js/*.js',
                tasks: ['uglify']
            }
        },
        cssmin: {
            target: {
                files: [{
                    expand: true,
                    cwd: 'resource/builds/css/',
                    src: ['*.css', '!*.min.css'],
                    dest: 'public/css',
                    ext: '.min.css'
                }]
            }
        },
        concat: {
            js: {
                options: {
                    separator: ';'
                },
                src: 'resource/**/*.js',
                dest: '<%= paths.dest.js %>'
            }
            },
        uglify: {
            build: {
                files: [{
                    expand: true,
                    cwd: 'resource/js/',
                    src: '**/*.js',
                    dest: 'public/js',
                    ext: '.min.js'
                }]
            }
        }

    });

    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-concat');
    grunt.loadNpmTasks('grunt-contrib-cssmin');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.registerTask('default',['cssmin', 'uglify', 'watch']);

};

0 个答案:

没有答案