javascript - 在 grunt 中使用 uglify 时出现消息 : 'Unexpected token: punc (.)' ,

Question

目标

我的目标是连接我所有的 css、js 文件并缩小所有这些文件。 我可以缩小我的 concat.js，但我正在努力尝试缩小我的 concat.css。

---

Gruntfile.js

module.exports = function(grunt) {
    "use strict";

    grunt.initConfig({

        concat: {

            js: {
                src: [

                    'js/bootstrap.min.js',
                    'js/jquery-1.10.2.min.js',

                    'js/jquery.easypiechart.min.js',
                    'js/jquery.isotope.min.js',
                    'js/jquery.magnific-popup.min.js',
                    'js/waypoints.min.js',
                    'js/respond.min.js',
                    'js/jquery.vegas.min.js',
                    'js/modernizr-2.6.2.min.js',
                    'js/jquery.nav.js',
                    'js/html5shiv.js',
                    'js/jquery.scrollTo.js',
                    'js/jquery.sticky.js',
                    'js/jquery.validate.js',
                    'js/main.js',

                ],
                dest: 'dist/concat.js'
            },

            css: {
                src: [


                    'css/magnific-popup.css',
                    'css/main.css',
                    'css/xl.css',
                    'css/lg.css',
                    'css/md.css',
                    'css/sm.css',
                    'css/xs.css',
                    'css/print.css',
                    'css/bootstrap.min.css',
                    'css/font-awesome.min.css',

                ],
                dest: 'dist/concat.css'
            }
        },

        watch: {

            js: {

                files: ['js/*.js'],
                task: ['concat:js']
            },

            css: {
                files: ['css/*.css'],
                task: ['concat:css']
            }
        },

        uglify: {

            js: {
                files: {
                    'dist/minified.js': ['dist/concat.js']
                }
            },

            css: {
                files: {
                    'dist/minified.css': ['dist/concat.css']
                }
            }
        }

    });

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

};

---

结果

我成功连接了我所有的 css 和 js 文件，它们生成于:

• dist/concat.js
• dist/concat.css

然后，我也可以毫无问题地缩小我的 concat.js，但我正在努力尝试缩小我的 concat.css。

我一直在我的终端底部收到这个错误:

Running "uglify:css" (uglify) task
{ message: 'Unexpected token: punc (.)',
  filename: 'concat.css',
  line: 4,

第 4 行只是我类(class)的开始:.mfp-bg {

有人可以在这里给我一点插入吗？ 另外，我应该在连接后执行 minify 还是相反？ 有更好的方法吗？

Answer 1

uglify 仅用于最小化 JavaScript，而不是 CSS。

如果你想最小化 CSS，你可以使用 cssmin Grunt 的任务。