vue服务端渲染按需引入mint

时间 2019-11-08

标签 vue 服务渲染按需引入 mint 繁體版

原文原文链接

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

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

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

2.在.vue文件中引入使用就能够了java

<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>

　这样就能够了。node

若是如今运行报Unknown plugin "component" specified in 。。。的错npm

能够执行npm install babel-plugin-component -D就能够了数组