H5W3
当前位置:H5W3 > 其他技术问题 > 正文

多个vue项目能否引用公共element-ui库?

有个问题困然很久了没有找到太好的解决方法。

首先我这边是负责前端开发,要提问讨论的是公司内部一套管理系统页面的开发,使用vue框架,以及element-ui。以上是背景。

然后我们后台系统相对结构比较复杂,且我接手时已经开发完成了大部分内容,之前前端使用jquery开发。因此原因,我们没有对后台管理系统前端整体搭建vue架构,而是每次在添加新的子模块时,用vue脚手架新建一个vue项目,结果就是每个项目都要引入element-ui,每个项目生成的vendor.xxx.js文件都有700k左右。

我想了如下解决方案:
1,在页面里引入公共的element-ui组件文件。这种方法适用于vue.js文件也在页面里引入,但我们用的是vue脚手架搭建环境发布文件的方式,引入公共组件文件的方法试了不可行。

2,按需引入element组件。此方法虽然可行,但是一来减少的文件size并不明显,二来每次都要增加需要引入的组件,对快速开发的项目来说非常不方便。

除了上述2种方式,不知道有没有更理想的解决方案?本人在网上查询过相关问题和资料,目前还无解,希望和大家一起讨论,看看有没有更好的解决办法?

回答:

找到解决方案了,https://blog.csdn.net/niceliu…,在页面引入vue.js和element-ui.js,然后在webpack里配置externals就可以了。

回答:

我们公司的后台管理系统之前也是使用jquery写了不少jsp页面,之后进行前后端分离,前端使用vue脚手架搭建了一个新的项目,增加新的功能模块直接在vue项目中添加,后台根据请求的url来决定返回的界面,理解能力有限,不清楚你们怎么需要每次在添加新的子模块时,用vue脚手架新建一个vue项目

本文地址:H5W3 » 多个vue项目能否引用公共element-ui库?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址