javascript - 运行管理 css 的 gulp 任务时 'Unexpected token: punc ({)' 是什么意思？

Question

这对于脚本任务非常有效。但是当我运行我的 gulp 任务来输出我的 css 时，我得到了这个错误:

`Unexpected token: punc ({)`

该任务似乎在“开发”中有效，但在生产中无效。

This is the whole gulpfile.js

这些是我设置的变量。

var env,
jsSources,
sassSources,
outputDir;

jsSources = ['components/js/**/*.js'];
sassSources = ['components/scss/**/*.scss'];


 env = process.env.NODE_ENV || 'development';

 if (env === 'development'){
    outputDir = 'builds/development/';
    sassStyle = 'expanded';
 } else {
    outputDir = 'builds/production/';
    sassStyle = 'compressed';
 }

这是 css 任务:

gulp.task('css', function() {
return gulp.src(sassSources) // we use addsrc to add our .js files to the mix
    .pipe(sass())
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
    .pipe(addsrc(mainBowerFiles())) 
    .pipe(filter('*.css'))
    .pipe(order([
        'normalize.css',
        '*'
    ]))
    .pipe(concat('main.css'))
    .pipe(gulpif(env === 'production', uglify()))
    .on('error', function(err) {
        console.log(err.message);
    })
    .pipe(plumber())
        .pipe(notify({
            message: "Sass tasks have been completed!"
        }))
        .pipe(gulp.dest(outputDir + 'css'))
});

Answer 1

总而言之Heikki comment .不要在 CSS 文件上使用 uglify，请使用 uglifycss。