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