【文件属性】:
文件名称:harmonyos2-webpack-code-splitting:比较使用“动态导入”和使用“捆绑加载器”的代码拆分
文件大小:29KB
文件格式:ZIP
更新时间:2021-07-01 15:36:38
系统开源
和声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)