Nuxt项目整合Element UI

陶然同学

发布于 2023-02-24 15:34:33

7390

发布于 2023-02-24 15:34:33

文章被收录于专栏：陶然同学博客

打开Nuxt项目后，在控制台输入npm i element-ui -S 即可安装element-ui

npm i element-ui -S     // 官方指定安装方法

在Nuxt项目下的plugins文件夹下新建一个element-ui,在新建的element-ui文件夹下新建element-ui.js文件,只需三行

添加：

import Vue from 'vue'
import ElementUI from 'element-ui' 
Vue.use(ElementUI)

3、在nuxt.config.js中进行配置，如下图所示

3.1引入element-ui依赖

 css: [
    'element-ui/lib/theme-chalk/index.css'
  ],

3.2导入js

  plugins: [
    '~plugins/element-ui/element-ui.js'
  ],

3.3防止多次打包

 build: {
    vendor: ['element-ui']
  }

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-10-11，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度