使用Gulp对项目文件压缩、混淆和依赖替换遇到的问题

582 阅读1分钟

更改路径依赖方法

    /**
     * 更改路径依赖
     */
    gulp.task('rev', function() {
        gulp.src(['./rev/**/*.json', './src/*.html'])   // 读取 rev-manifest.json 文件以及需要进行css名替换的文件
            .pipe(revCollector({
                replaceReved:true, // 执行替换
                dirReplacements:{ // 执行文件内css名的替换
                    'js': 'js',
                    'css': 'css'
                }
            }))
            .pipe(gulp.dest('./dist/'));  // 替换后的文件输出的目录
    });

另外,在网络上对 GulpUglifyError: unable to minify JavaScript 报错的解决方法,通过引入gulp-babel是无法解决ES6转换成ES5的

解决方法有

直接在 package.json 里直接使用 babel src/js --out-dir dist/js 可以直接将项目中的js的ES6代码转换成ES5,

但是会遇到无法对 js 代码进行混淆和压缩的问题

通过Stack Overflow找到的解决方式是引入新的 gulp-uglify