vue项目优化 — 按需加载elementui

最新推荐文章于 2023-01-29 18:41:45 发布

weixin_44559272

最新推荐文章于 2023-01-29 18:41:45 发布

阅读量242

点赞数

分类专栏：总结文章标签： vue

本文链接：https://blog.csdn.net/weixin_44559272/article/details/109074759

版权

5 篇文章 0 订阅

订阅专栏

问题1

另一个vue项目正在运行的同时npm install --save element-ui就会报错，停止运行另一个项目即可。

问题2

在这里插入图片描述
问题3

在这里插入图片描述
一开始以为少一个postcss.config.js文件，后来添加了之后发现没有作用，然后去node_modules文件夹里看了一下，发现element-ui没有被npm下来

在根文件里面新建一个文件postcss.config.js ,在里面添加以下代码： module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} } }

**main.js中**
import { Button, Form, FormItem, Input, Row, Col, Message } from 'element-ui';
Vue.use(FormItem)
Vue.use(Form)
Vue.use(Input)

**单页面中**
import 'element-ui/lib/theme-chalk/index.css';

或

在这里插入图片描述
另一种按需加载的方式，全局加载的时候babelrc里不能加这个，忘记删的话会报错，而import ‘element-ui/lib/theme-chalk/index.css’;忘记删的话不会有影响

关注