博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-cli 引用elementUI打包后文件过大
阅读量:4912 次
发布时间:2019-06-11

本文共 487 字,大约阅读时间需要 1 分钟。

解决方案:使用externals引用第三方资源,防止element资源被打包到自己项目中,(总共修改3个页面index.html、webpack.base.conf.js、main.js)

1、修改index.html页面,再head中引入cdn。

 

2.修改webpack.base.conf.js文件.添加externals配置

externals: {    vue: 'Vue',    element: 'ElementUI',  },

 

3.删除main.js中的相应import from。因为如果不删除,打包的时候还会把这两个文件打进去

 

 

因为项目是后面越做越大,发现elementUI打包在一起太大,就想将elementUI以CDN的方式引入,但是我只将elementUI使用CDN引入会报找不到ElementUI,

尝试了很多遍,发现这种将elementUI的CDN用法,同时也需要vue也是CDN引入,否则总是报错,找不到element;

 

转载于:https://www.cnblogs.com/wangtaolearning/p/11234645.html

你可能感兴趣的文章
手淘移动端 flexible 设置(更新)
查看>>
C++ 学习之函数重载、基于const的重载
查看>>
c++引用深入探讨
查看>>
你最喜欢做什么--兴趣问题清单
查看>>
修改源--npm
查看>>
LeetCode 136. 只出现一次的数字 (C#实现)——异或运算
查看>>
预备作业02 20162312 张家铖
查看>>
【C/C++开发】C语言 DLL(动态链接库)中申请动态内存释放的问题
查看>>
【科普杂谈】同网段和不同网段设备通信过程详解
查看>>
【VS开发】设备控制台 (DevCon.exe) 命令
查看>>
react中PureComponent浅对比策略
查看>>
re模块
查看>>
有向面积
查看>>
CString和string的互换
查看>>
Android开发 - Activity初步
查看>>
一般处理程序完成增删改查
查看>>
github下载下来的C#控制台小游戏[含源码]
查看>>
CMD复制文件夹
查看>>
尽力而为
查看>>
Java技术预备作业
查看>>