首页
博客
WEB插件
vue-cli3 引入 element-ui 按需加载的配置
原创
前端
2019-03-15 11:56:51
浏览：1728
### 一、安装插件 ```javascript npm install babel-plugin-component --dev // element官方教程 npm install babel-preset-env --dev // babel-preset-es2015已废弃，用此插件 ``` ### 二、修改babel.config.js 配置文件 ```javascript module.exports = { presets: [ '@vue/app', ["env", //添加 babel-preset-env 配置 //babel-preset-es2015已废弃 { "modules": false } ] ], plugins: [ [ // element官方教程 "component", { "libraryName": "element-ui", "styleLibraryName": "theme-chalk" } ] ] } ``` ### 三、接下来，就可以按需加载了，比如 Button 和 Select，那么需要在 main.js 中写入以下内容 ```javascript import Vue from 'vue'; import { Button, Select } from 'element-ui'; import App from './App.vue'; Vue.use(Button); Vue.use(Select); /* 或写为 * Vue.component(Button.name, Button); * Vue.component(Select.name, Select); */ new Vue({ el: '#app', render: h => h(App) }); ```
上一篇：
React create-react-app 安装和创建项目教程
下一篇：
vue-cli3实现分环境打包，给不同的环境配置相对应的打包命令和变量配置
推荐热文
Ant Design Vue 开发时 upload 自定义手动上传 Axios（ajax）时 new FormData() 出现 [object Object]
vue-cli 3.0 安装和创建项目教程
vue-cli3实现分环境打包，给不同的环境配置相对应的打包命令和变量配置
React create-react-app 安装和创建项目教程
Angular CLI 安装和创建项目教程
设置用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm
vue部署到Nginx服务器上
