vue服务端渲染按需引入mint
Posted wing-sky
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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的主要内容，如果未能解决你的问题，请参考以下文章