乐趣区

关于webpack:webpack处理-static静态资源文件压缩混淆

我的项目中会依赖一些开源 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…

退出移动版