vue服务端渲染按需引入mint

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

最新文章

热门文章