微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

未引用的默认参数是否会被 webpack 自动摇树?

如何解决未引用的默认参数是否会被 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 举报,一经查实,本站将立刻删除。