官网构建优化流程(8) - gulp打包构建在ie8会报错

原因

用gulp打包之后，后面发现在ie8下会报错。原因是 framework.min.js 的一个错误。后面发现是因为在进行 uglify 打包的时候，在ie8下会有问题。

解决

后面查了一下，在用 uglify 压缩js的时候，加上这个配置就可以了

{    
    compress: { screw_ie8: false },   
     mangle: { screw_ie8: false },   
      output: { screw_ie8: false }
}

所以后面这个构建的任务就改成：

gulp.task('useref', function(){
    return gulp.src(global.config.htmlFiles.map(item => {
        return `${global.config.workDir}/${item}`
    }), {base: './html'})
        //gulp.src(`${global.config.workDir}/${global.config.langDir}/**/*.html`)
        .pipe(useref({searchPath: "."}))
        // Minifies only if it's a CSS file
        .pipe(gulpIf('*.css', minifyCSS()))
        .pipe(gulpIf('*.css', autoprefixer()))
        // Uglifies only if it's a Javascript file
        .pipe(gulpIf('*.js', uglify({
            compress: { screw_ie8: false },
            mangle: { screw_ie8: false },
            output: { screw_ie8: false }
        })))
        // 这时候生成的html文件会在 build/<version>/workspace/html 里面，这个是临时的，后面要去掉
        .pipe(gulp.dest(global.config.buildVersionDir))
});

这样就 ok了。