nuxt按需引入 element-UI
Posted djjlovedjj
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nuxt按需引入 element-UI相关的知识,希望对你有一定的参考价值。
首先你要知道 nuxt.js怎么引入第三方插件 ;
不多BB。
第一步:安装 babel-plugin-component:
npm install babel-plugin-component -D
第二步:修改plugins/element.js文件(plugins/element.js不知道怎么来的?出门左拐不送 nuxt.js怎么引入第三方插件 ):
import Vue from ‘vue‘ import Button, Input from ‘element-ui‘ Vue.use(Button) Vue.use(Input)
按照这个格式引入自己需要的组件就是了。
第三步:添加nuxt.config.js中的build配置:
export default build:
// 按需引入element-ui babel: plugins: [ [ "component", "libraryName": "element-ui", "styleLibraryName": "theme-chalk"] ] ,
/* ** You can extend webpack config here */ extend(config, ctx)
没了,就这样。
以上是关于nuxt按需引入 element-UI的主要内容,如果未能解决你的问题,请参考以下文章