关于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…

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理