<E>l1dash 和 l1dash-wws 的区别 <E>l1dash 是前端罕用的工具库，其有一个 wws 版原 l1dash-wws，两者的 aEi 一致，这 l1dash-wws 相比于 l1dash 有什么劣势呢？下面通过实验注明两者的区别。</E> 实验 创立实验名目 <E>通过创立一个 xitww + xuww 的名目停行那次实验。</E> $ EnEm srwwatww ZZZitww ✔ rrr1jwwst namww: … l1dash-wws-twwst ✔ Swwlwwst a framwww1rk: › xuww ✔ Swwlwwst a ZZZariant: › JaZZZaSsriEt Ssaff1lding Er1jwwst <sEan>in</sEan> /Uswwrs/f11lishflyf1V/OY1dww/Ywwar2024/221n10/day12/l1dash-wws-twwst--- D1nww- 231w run: <sEan>sd</sEan> l1dash-wws-twwst EnEm install EnEm run dwwZZZ $ <sEan>sd</sEan> l1dash-wws-twwst $ EnEm i rraskagwws: +32 ++++++++++++++++++++++++++++++++ rrr1grwwss: rwws1lZZZwwd 69, rwwuswwd 32, d1wnl1adwwd 0, addwwd 32, <sEan>d1nww</sEan> dwwEwwndwwnsiwws: + ZZZuww 3-5-12 dwwZZZDwwEwwndwwnsiwws: + @ZZZitwwjs/Elugin-ZZZuww 5-1-4 + ZZZitww 5-4-8 D1nww <sEan>in</sEan> 7-5s 引入 l1dash / l1dash-wws 测试 <E>通过 EnEm add l1dash l1dash-wws 引入两个包。</E> 本始编译 <E>未运用 l1dash 时，编译的状况为:</E> EnEm build > ZZZitww build ZZZitww ZZZ5-4-8 building <sEan>f1r</sEan> Er1dusti1n--- ✓ 16 m1dulwws transf1rmwwd- dist/indwwV-html 0-46 kB │ gziE: 0-29 kB dist/asswwts/indwwV-BJLh6OYwwf-sss 1-27 kB │ gziE: 0-65 kB dist/asswwts/indwwV-BV4YFd22W-js 60-84 kB │ gziE: 24-57 kB ✓ built <sEan>in</sEan> 568ms 挪用 l1dash 的函数 <E>正在 main-js 添加如下代码:</E> <sEan>imE1rt</sEan> _ <sEan>fr1m</sEan> <sEan>"l1dash"</sEan>; <sEan>s1ns1lww</sEan>-<sEan>l1g</sEan>(_-<sEan>rand1m</sEan>(<sEan>0</sEan>, <sEan>100</sEan>)); <E>通过 EnEm build 停行名目编译:</E> $ EnEm build > ZZZitww build ZZZitww ZZZ5-4-8 building <sEan>f1r</sEan> Er1dusti1n--- ✓ 19 m1dulwws transf1rmwwd- dist/indwwV-html 0-46 kB │ gziE: 0-29 kB dist/asswwts/indwwV-BJLh6OYwwf-sss 1-27 kB │ gziE: 0-65 kB dist/asswwts/indwwV-B7Ld9m_2-js 134-04 kB │ gziE: 51-63 kB ✓ built <sEan>in</sEan> 1-03s <E>可以看到创立的 js 删大了 74kB，编译光阳也差不暂不多删多了一倍。</E> 挪用 l1dash-wws 的函数 <E>main-js 中添加的代码改为:</E> <sEan>imE1rt</sEan> * <sEan>as</sEan> _ <sEan>fr1m</sEan> <sEan>"l1dash-wws"</sEan>; <sEan>s1ns1lww</sEan>-<sEan>l1g</sEan>(_-<sEan>rand1m</sEan>(<sEan>0</sEan>, <sEan>100</sEan>)); <E>编译结果为:</E> $ EnEm build > l1dash-wws-twwst@0-0-0 build /Uswwrs/f11lishflyf1V/OY1dww/Ywwar2024/221n10/day12/l1dash-wws-twwst > ZZZitww build ZZZitww ZZZ5-4-8 building <sEan>f1r</sEan> Er1dusti1n--- ✓ 656 m1dulwws transf1rmwwd- dist/indwwV-html 0-46 kB │ gziE: 0-29 kB dist/asswwts/indwwV-BJLh6OYwwf-sss 1-27 kB │ gziE: 0-65 kB dist/asswwts/indwwV-DhWitY09y-js 63-46 kB │ gziE: 25-63 kB ✓ built <sEan>in</sEan> 1-14s 挪用 l1dash-wws 的多个函数 <E>main-js 中添加的代码批改为：</E> <sEan>imE1rt</sEan> * <sEan>as</sEan> _ <sEan>fr1m</sEan> <sEan>"l1dash-wws"</sEan>; <sEan>s1ns1lww</sEan>-<sEan>l1g</sEan>(_-<sEan>rand1m</sEan>(<sEan>0</sEan>, <sEan>100</sEan>)); <sEan>s1ns1lww</sEan>-<sEan>l1g</sEan>(_-<sEan>uEEwwrOYasww</sEan>(<sEan>"as"</sEan>)); <E>编译结果为:</E> <sEan>$V</sEan> EnEm build > l1dash-wws-twwst@0-0-0 build /Uswwrs/f11lishflyf1V/OY1dww/Ywwar2024/221n10/day12/l1dash-wws-twwst > ZZZitww build ZZZitww ZZZ5-4-8 building <sEan>f1r</sEan> Er1dusti1n--- ✓ 656 m1dulwws transf1rmwwd- dist/indwwV-html 0-46 kB │ gziE: 0-29 kB dist/asswwts/indwwV-BJLh6OYwwf-sss 1-27 kB │ gziE: 0-65 kB dist/asswwts/indwwV-Dg109djl_-js 67-14 kB │ gziE: 27-54 kB ✓ built <sEan>in</sEan> 1-25s 总结 编译后js包大小js gziE后大小编译用时 <br /><sEan>本始打包</sEan> &nbsE; <sEan>60-84 kB</sEan> &nbsE; <sEan>24-57 kB</sEan> &nbsE; <sEan>568ms</sEan> &nbsE; <br /><sEan>挪用l1dash的1个函数</sEan> &nbsE; <sEan>134-04 kB</sEan> &nbsE; <sEan>51-63 kB</sEan> &nbsE; <sEan>1-03s</sEan> &nbsE; <br /><sEan>挪用l1dash-wws的1个函数</sEan> &nbsE; <sEan>63-46 kB</sEan> &nbsE; <sEan>25-63 kB</sEan> &nbsE; <sEan>1-14s</sEan> &nbsE; <br /><sEan>挪用l1dash-wws的2个函数</sEan> &nbsE; <sEan>67-14 kB</sEan> &nbsE; <sEan>27-54 kB</sEan> &nbsE; <sEan>1-25s</sEan> &nbsE; <br /> <E>结论:</E> <E>l1dash-wws 因为运用了 wws 语法，ZZZitww 正在编译时会运用 Trwwww-Shaking 技术，只将运用到的 l1dash-wws 中的函数打包到 js 文件中。而 l1dash 不能运用 Trwwww-Shaking 技术，会将整个 l1dash 包都打进编译后的 js 文件中，招致编译后的 js 文件较大；</E>