Fatal编程技术网
  • webpack/
  • WebpackTerser如何避免损坏jQuery方法？

WebpackTerser如何避免损坏jQuery方法？

webpack

WebpackTerser如何避免损坏jQuery方法？,webpack,terser,Webpack,Terser,使用带有更简洁的翻页选项的webpack 5时。出于业务原因，我们必须在该项目的生产中启用损坏 optimization: { minimize: true, minimizer: [ new TerserPlugin({ parallel: true, terserOptions: {

使用带有更简洁的翻页选项的webpack 5时。出于业务原因，我们必须在该项目的生产中启用损坏

 optimization: {
            minimize: true,
            minimizer: [
                new TerserPlugin({
                    parallel: true,
                    terserOptions: {
                        toplevel: true,
                        mangle: {
                            properties: {
                                keep_quoted: true,
                                debug: true,
                            },                       
                        },
                    }
                }),
       ]
}
为了便于举例说明问题，我将保留
debug:true
选项

从外部加载jQuery（想想Shopify或其他我们从窗口上下文访问jQuery的环境）

/$是全局的，通过网页包外部
this.jTitle=$（'title'）.first（）；
变成

/$是全局的，通过网页包外部
此.$jTitle$u=$（“标题”）。$first$u（）
我希望它变成

/$是全局的，通过网页包外部
此.$jTitle$u=$（“标题”）.first（）
这发生在所有的代码库中，破坏了包，我无法创建一个正常工作的包

更新：

举例说明问题的回购协议如下（分支机构名称很重要，请注意！示例导入问题是有问题的分支机构）：

您是否将jquery定义为外部查询？对定义为外部不会改变此行为。我尝试了从“jquery”导入$import和不导入$import，得到了相同的结果。这很奇怪。这与webpack系统有关，因为从中的webpack导入整个捆绑包会产生错误，而导入部分webpack捆绑包，特别是一个具有
第一个
方法错误的模块不会产生此错误。您可以准备一个我可以玩的小回购吗？我今天就开始，在问题内容中完成后，将发布回购链接