mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-05 19:41:42 +08:00
docs: remove VantImports example (#12894)
This commit is contained in:
parent
0adc41acaa
commit
6cef6b88eb
@ -34,12 +34,11 @@ bun add @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import
|
||||
// vite.config.ts
|
||||
import AutoImport from 'unplugin-auto-import/vite';
|
||||
import Components from 'unplugin-vue-components/vite';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -55,12 +54,11 @@ export default defineConfig({
|
||||
// rollup.config.js
|
||||
import AutoImport from 'unplugin-auto-import/rollup';
|
||||
import Components from 'unplugin-vue-components/rollup';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
export default {
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -76,12 +74,11 @@ export default {
|
||||
// webpack.config.js
|
||||
import AutoImport from 'unplugin-auto-import/webpack';
|
||||
import Components from 'unplugin-vue-components/webpack';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -97,12 +94,11 @@ module.exports = {
|
||||
// rspack.config.js
|
||||
import AutoImport from 'unplugin-auto-import/rspack';
|
||||
import Components from 'unplugin-vue-components/rspack';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -118,13 +114,12 @@ module.exports = {
|
||||
// vue.config.js
|
||||
import AutoImport from 'unplugin-auto-import/webpack';
|
||||
import Components from 'unplugin-vue-components/webpack';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
module.exports = {
|
||||
configureWebpack: {
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -142,12 +137,11 @@ module.exports = {
|
||||
import { build } from 'esbuild';
|
||||
import AutoImport from 'unplugin-auto-import/esbuild';
|
||||
import Components from 'unplugin-vue-components/esbuild';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
build({
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
|
@ -34,12 +34,11 @@ bun add @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import
|
||||
// vite.config.ts
|
||||
import AutoImport from 'unplugin-auto-import/vite';
|
||||
import Components from 'unplugin-vue-components/vite';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -55,12 +54,11 @@ export default defineConfig({
|
||||
// rollup.config.js
|
||||
import AutoImport from 'unplugin-auto-import/rollup';
|
||||
import Components from 'unplugin-vue-components/rollup';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
export default {
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -76,12 +74,11 @@ export default {
|
||||
// webpack.config.js
|
||||
import AutoImport from 'unplugin-auto-import/webpack';
|
||||
import Components from 'unplugin-vue-components/webpack';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -97,12 +94,11 @@ module.exports = {
|
||||
// rspack.config.js
|
||||
import AutoImport from 'unplugin-auto-import/rspack';
|
||||
import Components from 'unplugin-vue-components/rspack';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -118,13 +114,12 @@ module.exports = {
|
||||
// vue.config.js
|
||||
import AutoImport from 'unplugin-auto-import/webpack';
|
||||
import Components from 'unplugin-vue-components/webpack';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
module.exports = {
|
||||
configureWebpack: {
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -142,12 +137,11 @@ module.exports = {
|
||||
import { build } from 'esbuild';
|
||||
import AutoImport from 'unplugin-auto-import/esbuild';
|
||||
import Components from 'unplugin-vue-components/esbuild';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
build({
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
|
@ -152,7 +152,7 @@ import { defineConfig } from '@rsbuild/core';
|
||||
import { pluginVue } from '@rsbuild/plugin-vue';
|
||||
import AutoImport from 'unplugin-auto-import/rspack';
|
||||
import Components from 'unplugin-vue-components/rspack';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [pluginVue()],
|
||||
@ -160,7 +160,6 @@ export default defineConfig({
|
||||
rspack: {
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -178,13 +177,12 @@ For Vite based project,configure the plugin in the `vite.config.js` file:
|
||||
import vue from '@vitejs/plugin-vue';
|
||||
import AutoImport from 'unplugin-auto-import/vite';
|
||||
import Components from 'unplugin-vue-components/vite';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
export default {
|
||||
plugins: [
|
||||
vue(),
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -197,7 +195,7 @@ export default {
|
||||
For vue-cli based project,configure the plugin in the `vue.config.js` file:
|
||||
|
||||
```js
|
||||
const { VantResolver, VantImports } = require('@vant/auto-import-resolver');
|
||||
const { VantResolver } = require('@vant/auto-import-resolver');
|
||||
const AutoImport = require('unplugin-auto-import/webpack');
|
||||
const Components = require('unplugin-vue-components/webpack');
|
||||
|
||||
@ -205,11 +203,10 @@ module.exports = {
|
||||
configureWebpack: {
|
||||
plugins: [
|
||||
// When the version of unplugin-vue-components is less than 0.26.0:
|
||||
AutoImport({ imports: [VantImports()], resolvers: [VantResolver()] }),
|
||||
AutoImport({ resolvers: [VantResolver()] }),
|
||||
Components({ resolvers: [VantResolver()] }),
|
||||
// when the unplugin-vue-components version is greater than or equal to 0.26.0:
|
||||
AutoImport.default({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components.default({ resolvers: [VantResolver()] }),
|
||||
@ -221,18 +218,17 @@ module.exports = {
|
||||
For webpack based project,configure the plugin in the `webpack.config.js` file:
|
||||
|
||||
```js
|
||||
const { VantResolver, VantImports } = require('@vant/auto-import-resolver');
|
||||
const { VantResolver } = require('@vant/auto-import-resolver');
|
||||
const AutoImport = require('unplugin-auto-import/webpack');
|
||||
const Components = require('unplugin-vue-components/webpack');
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
// When the version of unplugin-vue-components is less than 0.26.0:
|
||||
AutoImport({ imports: [VantImports()], resolvers: [VantResolver()] }),
|
||||
AutoImport({ resolvers: [VantResolver()] }),
|
||||
Components({ resolvers: [VantResolver()] }),
|
||||
// when the unplugin-vue-components version is greater than or equal to 0.26.0:
|
||||
AutoImport.default({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components.default({ resolvers: [VantResolver()] }),
|
||||
|
@ -174,7 +174,7 @@ import { defineConfig } from '@rsbuild/core';
|
||||
import { pluginVue } from '@rsbuild/plugin-vue';
|
||||
import AutoImport from 'unplugin-auto-import/rspack';
|
||||
import Components from 'unplugin-vue-components/rspack';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [pluginVue()],
|
||||
@ -182,7 +182,6 @@ export default defineConfig({
|
||||
rspack: {
|
||||
plugins: [
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -200,13 +199,12 @@ export default defineConfig({
|
||||
import vue from '@vitejs/plugin-vue';
|
||||
import AutoImport from 'unplugin-auto-import/vite';
|
||||
import Components from 'unplugin-vue-components/vite';
|
||||
import { VantResolver, VantImports } from '@vant/auto-import-resolver';
|
||||
import { VantResolver } from '@vant/auto-import-resolver';
|
||||
|
||||
export default {
|
||||
plugins: [
|
||||
vue(),
|
||||
AutoImport({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components({
|
||||
@ -219,7 +217,7 @@ export default {
|
||||
如果是基于 vue-cli 的项目,在 `vue.config.js` 文件中配置插件:
|
||||
|
||||
```js
|
||||
const { VantResolver, VantImports } = require('@vant/auto-import-resolver');
|
||||
const { VantResolver } = require('@vant/auto-import-resolver');
|
||||
const AutoImport = require('unplugin-auto-import/webpack');
|
||||
const Components = require('unplugin-vue-components/webpack');
|
||||
|
||||
@ -227,11 +225,10 @@ module.exports = {
|
||||
configureWebpack: {
|
||||
plugins: [
|
||||
// 当 unplugin-vue-components 版本小于 0.26.0 时,使用以下写法
|
||||
AutoImport({ imports: [VantImports()], resolvers: [VantResolver()] }),
|
||||
AutoImport({ resolvers: [VantResolver()] }),
|
||||
Components({ resolvers: [VantResolver()] }),
|
||||
//当 unplugin-vue-components 版本大于等于 0.26.0 时,使用以下写法
|
||||
AutoImport.default({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components.default({ resolvers: [VantResolver()] }),
|
||||
@ -243,18 +240,17 @@ module.exports = {
|
||||
如果是基于 webpack 的项目,在 `webpack.config.js` 文件中配置插件:
|
||||
|
||||
```js
|
||||
const { VantResolver, VantImports } = require('@vant/auto-import-resolver');
|
||||
const { VantResolver } = require('@vant/auto-import-resolver');
|
||||
const AutoImport = require('unplugin-auto-import/webpack');
|
||||
const Components = require('unplugin-vue-components/webpack');
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
// 当 unplugin-vue-components 版本小于 0.26.0 时,使用以下写法
|
||||
AutoImport({ imports: [VantImports()], resolvers: [VantResolver()] }),
|
||||
AutoImport({ resolvers: [VantResolver()] }),
|
||||
Components({ resolvers: [VantResolver()] }),
|
||||
//当 unplugin-vue-components 版本大于等于 0.26.0 时,使用以下写法
|
||||
AutoImport.default({
|
||||
imports: [VantImports()],
|
||||
resolvers: [VantResolver()],
|
||||
}),
|
||||
Components.default({ resolvers: [VantResolver()] }),
|
||||
|
Loading…
x
Reference in New Issue
Block a user