延迟加载组件/动态导入-如何配置rollup，所以绑定的文件只创建一次？
延迟加载组件/动态导入-如何配置rollup，所以绑定的文件只创建一次？
提问于 2022-03-21 09:01:08
我正在尝试延迟加载组件并将汇总配置为这样做。我已经做了如下调整
rollup.config.js
export default {
output: {
format: 'es', // before -> 'iife'
dir: 'public/build' // before -> file: 'public/build/bundle.js'
}
}index.html
而不是导入bundle.js
<script defer type="module" src='/build/main.js'></script>然后在build main.js、main-93f53e7a.js和SomeComponent-5f7e94f4.js中创建了三个文件
就功能而言，这似乎是可行的--打开页面时加载两个主文件，只有在组件挂载时才加载其中一个主文件。
问题是，当在dev mode中运行此操作并更改代码中的某些内容时，将为main-*someSuffix*和SomeComponent-*someSuffix*创建其他文件。
为了防止这种情况，我还需要补充什么呢？
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-03-22 10:58:36
您所看到的可能是以前构建的残余。当输出目录启动新生成时，Rollup不会空该输出目录。
您可以使用插件添加这种行为，例如这个插件：汇总-插件-删除。
rollup.config.js
import del from 'rollup-plugin-delete'
export default {
input: 'src/index.js',
output: {
dir: 'dist',
format: 'es'
},
plugins: [
del({ targets: 'dist/**' }),
]
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71555014
复制相关文章
相似问题
腾讯云开发者
