码迷,mamicode.com
首页 > 其他好文 > 详细

vue服务端渲染按需引入mint

时间:2018-09-14 16:10:23      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:name   color   imp   set   ffffff   import   执行   res   text   

vue服务器渲染按需引入mint-ui

1.修改.babelrc文件,在.babelrc文件中plugins数组中添加

{
  "presets": [["es2015", { "modules": false }], "stage-2"],
  "ignore": ["node_modules/*"],
  "plugins": [["component", [
    {
      "libraryName": "mint-ui",
      "style": true
    }
  ]]]
}

2.在.vue文件中引入使用就可以了

<script>
import Vue from ‘vue‘
import { Button, Toast } from ‘mint-ui‘
Vue.component(Button.name, Button)
export default {
  name: ‘MintUi‘,
  created() {},
  computed: {},
  asyncData({ store }) {},
  methods: {
    handleClick() {
      Toast(‘Hello word‘)
    }
  }
}
</script>

 这样就可以了。

如果现在运行报Unknown plugin "component" specified in 。。。的错

技术分享图片

可以执行npm install babel-plugin-component -D就可以了

vue服务端渲染按需引入mint

标签:name   color   imp   set   ffffff   import   执行   res   text   

原文地址:https://www.cnblogs.com/wing-sky/p/9646479.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!