Context:
给定这样的项目结构:
┌ src
├─┬ a
│ └── module.js
├─┬ b
│ └── module.js
└── util.js
两者都在哪里module.js
文件导入util.js
,使用以下配置:
export default {
experimentalCodeSplitting: true,
input: [
'src/a/module.js',
'src/b/module.js'
],
output: {
dir: 'bundle',
format: 'esm'
}
};
输出如下结构:
┌ bundle
├── chunk-af6d88c4.js
├── module.js
└── module2.js
Problem:
当使用代码分割来减少项目中的冗余代码时,如果不同目录中有多个具有相同文件名的模块,则当汇总写入输出目录时,它会创建一个平面结构。它足够聪明,可以识别多个文件具有相同的名称,并附加一个数字来区分它们。虽然这是工作代码,但在需要它们的页面上维护对这些模块的引用变得很困难 - 开发人员必须知道哪个数字对应于哪个文件。
有没有什么方法可以让汇总在输出多个包时保留文件夹结构,以便更清楚地显示文件关系?或者,如果仅通过汇总无法实现这一点,是否可以采取其他解决方案?
Use 保留模块: trueflag 将从输入输出相同的目录结构。https://rollupjs.org/guide/en/ https://rollupjs.org/guide/en/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)