Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从具有其他导入的文件导入时,网页包树抖动不起作用_Javascript_Webpack_Tree Shaking - Fatal编程技术网

Javascript 从具有其他导入的文件导入时,网页包树抖动不起作用

Javascript 从具有其他导入的文件导入时,网页包树抖动不起作用,javascript,webpack,tree-shaking,Javascript,Webpack,Tree Shaking,我创建了这个例子 module.js 从“时刻”导入时刻; 导出功能方块(x){ 返回x*x; } 导出函数多维数据集(x){ 返回力矩.格式(x*x*x); }Moment.js是一个非常棒的时间和日期库,具有许多强大的功能和实用程序。但是,如果您使用的是对性能敏感的web应用程序,那么由于其复杂的API和较大的捆绑包大小,可能会导致巨大的性能开销。此外,它高度基于OOPAPI,这使得它无法处理树抖动,从而导致了巨大的捆绑包大小和性能问题 如果您使用的不是时区,而是一些简单的函数,那么您可以

我创建了这个例子

module.js

从“时刻”导入时刻;
导出功能方块(x){
返回x*x;
}
导出函数多维数据集(x){
返回力矩.格式(x*x*x);

}
Moment.js
是一个非常棒的时间和日期库,具有许多强大的功能和实用程序。但是,如果您使用的是对性能敏感的web应用程序,那么由于其复杂的API和较大的捆绑包大小,可能会导致巨大的性能开销。此外,它高度基于OOPAPI,这使得它无法处理树抖动,从而导致了巨大的捆绑包大小和性能问题

如果您使用的不是时区,而是一些简单的函数,那么您可以看看其他替代方法,如
dayjs
datefns
,它们具有较小的核心,并提供非常类似的API

有关详细说明和备选方案,请参见

好吧,我想出来了! 我必须在webpack.config规则中专门为该模块设置副作用

 module: {
    rules: [
        {
            include: path.resolve(__dirname, "node_modules/moment"),
            sideEffects: false
        }
    ]
},

我很感谢你的回复,看起来很有趣。。但我的问题是树摇晃,我只把这一刻作为一个例子。谢谢:)你确定你的产品版本和副作用设置为false吗?是的,副作用在json产品网页包5上设置为false