diff --git a/docs/markdown/quickstart.en-US.md b/docs/markdown/quickstart.en-US.md index aed5efafb..b463144b1 100644 --- a/docs/markdown/quickstart.en-US.md +++ b/docs/markdown/quickstart.en-US.md @@ -33,13 +33,14 @@ The easiest way to use Vant is to include a CDN link in the html file, after whi template: `Button`, }); app.use(vant); - app.mount('#app'); + + // Register Lazyload directive + app.use(vant.Lazyload); // Call function component vant.Toast('Message'); - // Register Lazyload directive - app.use(vant.Lazyload); + app.mount('#app'); ``` diff --git a/docs/markdown/quickstart.zh-CN.md b/docs/markdown/quickstart.zh-CN.md index 742851091..8feda2e85 100644 --- a/docs/markdown/quickstart.zh-CN.md +++ b/docs/markdown/quickstart.zh-CN.md @@ -39,14 +39,15 @@ npm i vant@next -S template: `按钮`, }); app.use(vant); - app.mount('#app'); - - // 调用函数组件,弹出一个 Toast - vant.Toast('提示'); // 通过 CDN 引入时不会自动注册 Lazyload 组件 // 可以通过下面的方式手动注册 app.use(vant.Lazyload); + + // 调用函数组件,弹出一个 Toast + vant.Toast('提示'); + + app.mount('#app'); ``` @@ -153,6 +154,12 @@ app.use(Vant); ## 常见问题 +### 在 Vite 中如何按需引入组件? + +在 Vite 中无须考虑按需引入的问题。Vite 在构建代码时,会自动通过 Tree Shaking 移除未使用的 ESM 模块。而 Vant 3.0 内部所有模块都是基于 ESM 编写的,天然具备按需引入的能力。 + +现阶段遗留的问题是,未使用的组件样式无法被 Tree Shaking 识别并移除,后续我们会考虑通过 Vite 插件的方式进行支持。 + ### 在 HTML 中无法正确渲染组件? 在 HTML 中使用 Vant 组件时,你可能会碰到部分示例代码无法正确渲染的情况,比如下面的用法: