vue-cli中按需引入element-plus(使用unplugin-vue-components unplugin-auto-import)
目录一、文档二、使用步骤1.安装插件2.配置vue.config.js3.测试总结一、文档https://element-plus.gitee.io/zh-CN/guide/quickstart.html二、使用步骤1.安装插件npm install -D unplugin-vue-components unplugin-auto-import2.配置vue.config.jsvue-cli内部用
·
一、文档
二、使用步骤
1.安装插件
npm install -D unplugin-vue-components unplugin-auto-import
2.配置vue.config.js
vue-cli内部用的就是webpack,configureWebpack配置的会被合并
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')
module.exports = {
configureWebpack: {
plugins: [
AutoImport({
resolvers: [ElementPlusResolver()]
}),
Components({
resolvers: [ElementPlusResolver()]
})
]
}
}
3.测试
运行时,会自动生成auto-imports.d.ts文件导入组件
总结
千变万化~ 具体参照文档~
更多推荐
已为社区贡献2条内容
所有评论(0)