Nuxt.js使用mint-ui

Posted study

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Nuxt.js使用mint-ui相关的知识,希望对你有一定的参考价值。

环境 vue nuxt 要使用mint-ui 记录下其中的坑

npm install mint-ui --save

plugins目录下 增加 mint-ui.js

代码:

import Vue from ‘vue‘
import MintUI from ‘mint-ui‘
import ‘mint-ui/lib/style.css‘

Vue.use(MintUI)

nuxt.config.js配置

plugins:[
   { src: ‘~/plugins/mint-ui‘, ssr: true }
],

其中 ssr:true这里有个坑 在开发dev的时候 ssr:false没有任何问题

但是 npm run build 就尴尬了 样式丢失了 这里ssr要true

以上是关于Nuxt.js使用mint-ui的主要内容,如果未能解决你的问题,请参考以下文章

仅使用 NUXT.js 生成静态 html

如何使用 Nuxt.js 将自己的 JS 用作插件

Nuxt.js:包含字体文件:使用 /static 或 /assets

如何使用 nuxt.js 实现 CRUD 操作

nuxt.config.js文件

在现有 Nuxt.js 项目中使用 Express.js