脚本宝典收集整理的这篇文章主要介绍了nuxt 按需引入 elementUI 配置，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

plugins/element-ui.js

import Vue from 'vue'
import { Pagination } from 'element-ui'

Vue.use(Pagination)

nuxt.config.js

plugins: [
    { src: '@/plugins/element-ui', ssr: true }
],

build: {
    vendor: [
        'element-ui'
    ],
    babel: {
      'plugins': [
        [
          'component',
          {
            'libraryName': 'element-ui',
            'styleLibraryName': 'theme-chalk'
          }
        ]
      ],
      'comments': true
    },
    /*
    ** You can extend webpack config here
    */
    extend(config, ctx) {
      // Run ESLint on save
      if (ctx.isDev && ctx.isClient) {
        config.module.rules.push({
          enforce: 'pre',
          test: /.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules)/
        })
      }
   }
}

使用

<el-pagination
  :total="1000"
  background
  layout="prev, pager, next"
  @current-change="change"
/>

脚本宝典总结

以上是脚本宝典为你收集整理的nuxt 按需引入 elementUI 配置全部内容，希望文章能够帮你解决nuxt 按需引入 elementUI 配置所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。