如何解决未引用的默认参数是否会被 webpack 自动摇树?
如果之前有人问过这个问题,我必须道歉,但我一直在 无法在线或在与摇树相关的 webpack 文档中找到答案。
tree-shaking 如何使用默认参数工作?对于上下文:我特别关注 tree-shaking 的 webpack 实现如何处理默认参数。
鉴于以下假设的应用程序结构:
/
|_ dependency/
| |
| |_ dependency.js
| |_ moderatelyLargeFile.js
|
|
|_src/
|
|_ application.js
|_ someSmallFile.js
dependency.js
import moderatelyLargeFile from './moderatelyLargeFile.js';
import { someParsingFunction1,someParsingFunction2 } from 'somewhere-else-dependency';
export default function parseSomeFile(file = moderatelylargeFile) {
let parsedResult = { ...someParsingFunction1(file),...someParsingFunction2(file) };
return parsedResult;
}
application.js
import parseSomeFile from './dependency/dependency.js';
import someSmallFile from './someSmallFile.js'
let result = parseSomeFile(someSmallFile);
// Do other application stuff with result
moderatelyLargeFile.js
会被捆绑到 application.js
的 webpack 构建中吗? webpack 是否足够聪明,知道默认参数永远不会被引用,因为单个调用提供了该参数?或者 moderatelyLargeFile.js
是否总是被捆绑,因为它是函数定义的一部分?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。