nuxt 按需引入 elementUI 配置

plus2047 发布于2019-08-23 14:34 / 1924人阅读

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)/
        })
      }
   }
}

使用

GPU云服务器云服务器 elementui nuxt nuxt.js 按需

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/100813.html

使用nuxt开发博客后台管理系统（一）element ui的使用

摘要：进入主题使用我们在创建项目时已经选择安装了，安装完就能使用了。注：文章中的nuxt为2.0.0版本众所周知vue单页面应用的seo很不友好，每次打开页面先获取的节点也就是一个,而这对想用vue做spa又想拥有友好搜索引擎seo优化的人来说就好比鸡肋。好在vue的官方出了nuxt，既能让我们使用spa又能拥有良好的搜索引擎优化；nuxt介绍->https://zh.nuxtjs.or...

Freeman 2019-08-26 10:49 评论0 收藏0
在Vue项目中使用ElementUI(一)

摘要：这是一段内容标题名称确定点击确定后的回调函数确认消息弹框提示用户确认其已经触发的动作，并询问是否进行此操作时会用到此对话框。。初始化一个Vue项目 F:Test>vue init webpack Test1 ? Project name test1 ? Project description A Vue.js project ? Author Selience ? Vue buil...

linkin 2019-08-02 15:27 评论0 收藏0
在Vue项目中使用ElementUI(一)

摘要：这是一段内容标题名称确定点击确定后的回调函数确认消息弹框提示用户确认其已经触发的动作，并询问是否进行此操作时会用到此对话框。。初始化一个Vue项目 F:Test>vue init webpack Test1 ? Project name test1 ? Project description A Vue.js project ? Author Selience ? Vue buil...

shadowbook 2019-08-23 18:27 评论0 收藏0
在Vue项目中使用ElementUI(一)

摘要：这是一段内容标题名称确定点击确定后的回调函数确认消息弹框提示用户确认其已经触发的动作，并询问是否进行此操作时会用到此对话框。。初始化一个Vue项目 F:Test>vue init webpack Test1 ? Project name test1 ? Project description A Vue.js project ? Author Selience ? Vue buil...

NicolasHe 2019-08-30 11:18 评论0 收藏0