文件名称:harmonyos2-webpack-code-splitting:比较使用“动态导入”和使用“捆绑加载器”的代码拆分
文件大小:29KB
文件格式:ZIP
更新时间:2024-07-21 09:23:18
系统开源
和声2 Webpack 代码吐槽 比较使用dynamic import和使用bundle loader代码拆分。 代码吐痰策略 使用动态导入拆分 使用 bundle loader 拆分 笔记 CommonChunksPlugin 是一种优化,可以与任何提到的代码拆分策略一起使用。 如果“代码吐痰不起作用” 如果您使用的是打字稿,您可能需要在您的 ts 配置中设置{ "module": "esnext", "moduleResolution": "commonjs" } (请参阅此) 如果您正在使用AggressiveMergingPlugin ,您想在没有它的情况下检查构建。 它可能会合并其他拆分的包(例如,将多个动态导入合并为一个块) 如果不同块的chunkFilename / webpackChunkName相同,它们将合并在一起 构建输出 > rm -rf dist/use-bundle-loader && webpack --verbose --config webpack.config.bundle-loader.js Hash: e202e828d02a24a77e5e V
【文件预览】:
webpack-code-splitting-master
----.node-version(7B)
----webpack.config.dynamic-import.js(509B)
----src()
--------index.bundle-loader.js(518B)
--------index.dynamic-import.js(438B)
--------app.js(1KB)
--------shared.js(168B)
--------screens()
----README.md(12KB)
----webpack.config.bundle-loader.js(706B)
----.gitignore(20B)
----package-lock.json(104KB)
----package.json(757B)