nuxt 按需引入 elementUI 配置

plus2047 發(fā)布于2019-08-23 14:34 / 1931人閱讀

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云服務(wù)器云服務(wù)器 elementui nuxt nuxt.js 按需

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/100813.html

相關(guān)文章

使用nuxt開(kāi)發(fā)博客后臺(tái)管理系統(tǒng)（一）element ui的使用

摘要：進(jìn)入主題使用我們?cè)趧?chuàng)建項(xiàng)目時(shí)已經(jīng)選擇安裝了，安裝完就能使用了。注：文章中的nuxt為2.0.0版本眾所周知vue單頁(yè)面應(yīng)用的seo很不友好，每次打開(kāi)頁(yè)面先獲取的節(jié)點(diǎn)也就是一個(gè),而這對(duì)想用vue做spa又想擁有友好搜索引擎seo優(yōu)化的人來(lái)說(shuō)就好比雞肋。好在vue的官方出了nuxt，既能讓我們使用spa又能擁有良好的搜索引擎優(yōu)化；nuxt介紹->https://zh.nuxtjs.or...

Freeman 2019-08-26 10:49 評(píng)論0 收藏0
在Vue項(xiàng)目中使用ElementUI(一)

摘要：這是一段內(nèi)容標(biāo)題名稱確定點(diǎn)擊確定后的回調(diào)函數(shù)確認(rèn)消息彈框提示用戶確認(rèn)其已經(jīng)觸發(fā)的動(dòng)作，并詢問(wèn)是否進(jìn)行此操作時(shí)會(huì)用到此對(duì)話框。。初始化一個(gè)Vue項(xiàng)目 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 評(píng)論0 收藏0
在Vue項(xiàng)目中使用ElementUI(一)

摘要：這是一段內(nèi)容標(biāo)題名稱確定點(diǎn)擊確定后的回調(diào)函數(shù)確認(rèn)消息彈框提示用戶確認(rèn)其已經(jīng)觸發(fā)的動(dòng)作，并詢問(wèn)是否進(jìn)行此操作時(shí)會(huì)用到此對(duì)話框。。初始化一個(gè)Vue項(xiàng)目 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 評(píng)論0 收藏0
在Vue項(xiàng)目中使用ElementUI(一)

摘要：這是一段內(nèi)容標(biāo)題名稱確定點(diǎn)擊確定后的回調(diào)函數(shù)確認(rèn)消息彈框提示用戶確認(rèn)其已經(jīng)觸發(fā)的動(dòng)作，并詢問(wèn)是否進(jìn)行此操作時(shí)會(huì)用到此對(duì)話框。。初始化一個(gè)Vue項(xiàng)目 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 評(píng)論0 收藏0