likes
comments
collection
share

webpack处理 static静态资源文件(压缩混淆)

作者站长头像
站长
· 阅读数 22

项目中会依赖一些开源JS-SDK 由于改造源码export工作量比较大 因此只能放在static在html用script标签引用,同时希望这些源码文件参与压缩混淆

1.npm 装包npm i uglify-es

2.build/webpack.prod.conf.js添加配置

const UglifyJS = require('uglify-es') //引用uglify-es插件进行压缩混淆代码

new CopyWebpackPlugin([{
        from: path.resolve(__dirname, '../static'),
        to: config.build.assetsSubDirectory,
        ignore: ['.*']
      },
      {//指定文件夹下所有js文件到指定文件夹
        from: path.resolve(__dirname, '../static/one/js'),
        to: './static/one/js',
        transform: function (content) {
          return UglifyJS.minify(content.toString()).code;
        }
      },
      {//指定单个文件到指定文件夹
        from: path.resolve(__dirname, '../static/two/js/test.js'),
        to: './static/two/js/',
        transform: function (content) {
          return UglifyJS.minify(content.toString()).code;
        }
      }
  ])

注:本文系转载,更多方案请参考原作者:https://juejin.cn/post/684490...

转载自:https://segmentfault.com/a/1190000041228490
评论
请登录