当前位置: 首页 > 工具软件 > Alice UI > 使用案例 >

Vue3项目按需引入 view-ui-plus

邵奇
2023-12-01
  1. 安装 view-ui-plus
npm install view-ui-plus --save
  1. 安装 babel-plugin-import
npm install babel-plugin-import --save-dev
  1. 配置 babel.config.js
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
  ],
  // ——————————这里
  plugins: [
    [
      'import',
      {
        'libraryName': 'view-ui-plus',
        'libraryDirectory': 'src/components',
      },
      'view-ui-plus',
    ]
  ],
};
  1. 按需引入 view-ui-plus
import { Split } from 'view-ui-plus';
export default {
  components: { Split },
  data() {
  	return {}
  }
}
 类似资料: