引用iview组件库的VUE项目如何打包发布

最新推荐文章于 2024-03-24 21:04:03 发布
最新推荐文章于 2024-03-24 21:04:03 发布
阅读量801 收藏
点赞数
分类专栏： 前端 文章标签： iview vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zcy123_sxj/article/details/87876188
版权

#第一步，修改build中utils.js

    添加一句话：

1.jpg

#第二步，修改build中webpack.prod.conf.js

    将extract属性值修改为false

    2.jpg

#第三步，修改config中的index.js

3.jpg

zcy123_sxj
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iview.min.js
12-22
iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。
Vue项目打包发布
qq_53207975的博客
05-07 1522
前端资源打包在每个项目中都会有涉及，每位开发者都希望打包是用最少的时间构建出最小的代码，这不仅能提高团队中的效率，也能提高页面的访问性能。
iview 项目打包记录
qq_37702890的博客
06-08 1761
最近大作业负责前端，我们前端是拿iview(Vue的封装)写的，工程直接是在https://github.com/iview/iview-project基础上开发。 这是我们项目的结构 好了下面进入正题。iview的打包我搜便了网上都没有人写，他和一般的Vue工程打包不太一样。 首先 就是进入 项目的根目录(就是)上面的图片这个路径，执行 npm run build 如果成功 ...
vue打包上线流程
最新发布
zerolea的博客
03-24 418
vue项目打包上线流程
iview-cli 开发和打包后的配置相关问题
gexiaopipi的博客
04-17 2977
1.运行npm run build 打包后在本地打开index_prod.html 文件显示一片空白。原因：路径错误。打开webpack.prod.config.js 把output配置里的publicPath 该为正确路径 比如原来是/dist/ 改为./dist/2.打包后字体图片引入失败问题 打开打包后的main.css 文件，可能是压缩过的，格式化一下 搜索@font-face 把里面的字...
iview-admin打包笔记
weixin_33795743的博客
05-08 567
在程序根目录右键打开cmd，输入 npm run build 这时就会进入打包的步骤，打包好之后就会在程序根目录出现一个dist的文件夹，里面有一个index.html文件和另一个dist的文件夹。 这里要说明几点： 最外层的dist文件夹不能用，要把index.html页面放到网站(web容器)的根目录。 删除webpack.base.config.js文件里面的 ...
在vue项目中引用Iview的方法
10-18
iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。这篇文章主要介绍了在vue项目中引用Iview的方法,需要的朋友可以参考下
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
10-16
主要介绍了解决vue-cli+iview项目打包上线之后图标不显示问题,本文通过两种方法给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vue.js iview打包上线后字体图标不显示解决办法
10-15
主要介绍了vue.js iview打包上线后字体图标不显示解决办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
iView 发布后台管理系统 iview-admin
Emperor_Y的博客
02-23 1万+
https://github.com/iview/iview-admin
使用vue-cli打包过程中的步骤以及问题
热门推荐
martsforever的博客
12-21 1万+
1、打包命令是npm run build，这个命令实际上是在package.json中，scripts中build所对应的命令； 2、创建一个prod.server.js，这个文件不是必须的，这个文件的用处是在打包完毕之后，通过启动node.js本地服务来访问打包完成的静态文件，不需要的同学可以忽略这一点， prod.server.js文件代码示例： let express...
iview-admin多环境配置打包
weixin_34413357的博客
04-01 1370
iview-admin 目前版本，比起之前，移除了config目录，并且将 vue-cli 升级到了3.0. 在实际开发中，我们可能会用到3种环境 本地开发环境 dev 测试环境 test 线上环境 prod 当然，更正规的还会有一个预发环境。但是一般初创公司，有以上三种环境的居多。 那么，不同环境会对应不同的接口地址，不同的线上地址等，为了解决开发人员频繁切换XX地址，切换不同环境所对应的端...
iview：基于Vue.js的高质量UI工具包
cuk5340的博客
07-21 127
iview (iview) iView is a set of UI components and widgets built on Vue.js. iView是基于Vue.js构建的一组UI组件和小部件。 This branch is for Vue.js 2.x 该分支适用于Vue.js 2.x 现场演示 (Live demo) https://www.iviewui.com/ov...
iview打包到生产环境部署后图标不见了解决方案
Cool的博客
04-19 971
➢ 现象:图标不见了 本地环境没有问题,打包部署到服务器上图标就不见了 在控制台提示error找不到字体的资源路径 ➢ 解决方案 这个问题可能是vue-cli脚手架配置问题 在build/webpack.prod.conf.js中 module: { rules: utils.styleLoaders({ sourceMap: config.build.p...
iview-admin打包vue-cli3.0版
weixin_30500105的博客
08-23 186
　　由于第一次接触vue-router vue-cli iview-admin，所以很多地方还是比较蒙的，项目开发差不多了想自己在本地看看，然后试着运行npm run build，结果发现打包完成的index.html打开是空白的。 　　后来追着大神问找到了解决办法。 　　iview-admin是用的cli3.0，所以之前的的build文件夹以及里面经常配置的文件是没有的，这些配置可以在项目根...
创建Vue项目 以及引入Iview
张火火
09-30 1806
创建Vue项目 以及引入Iview 官方文档 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install $ npm run dev12345678 以上是vue官...
vue项目打包后，npm run build相关配置，以及解决项目打包后，图片404，背景图片找不到，iview代码出问题的情况
李小乐er
07-30 1万+
1.首先找到config下的index.js文件 将build下的assetsPublicPath的斜杠换成./ 操作如下 只需要换build中的就可以 dev中的assetsPublicPath不用动 不然打包过后 npm run dev的时候直接出现can not Get 2.因为打包后生成的是dist文件夹 文件夹中是static文件夹和index.html static文件夹中包含...
iview + Nginx 发布部署
Juson的博客
03-21 1717
现在开发的项目大部分都是前后端分离，既然选择了前后端分离，我们就应该抛弃传统，将静态页面和后端服务一起打包，放在Tomcat里面。提供Web服务功能的软件有很多，个人还是比较推荐Nginx，官方 Nginx 处理静态文件并发 5w/s，并且内存和 cpu 占用率低（为 Apache 的 1/5-1/10）。下面我们就以 iview 为案例讲述一下发布流程。 1，在 iview 框架中找到 bui...
vue移动端ui组件库
07-27
对于Vue移动端UI组件库，有两个比较受欢迎的选择是we-vue和veui。 we-vue是一套基于Vue.js的移动端组件库，结合了weui.css样式库，提供了35+个组件，具有完善的在线文档和详细的在线示例。we-vue适用于微信公众号等移动端开发。你可以在we-vue的官网https://wevue.org/了解更多信息。\[1\] veui是由百度EFE团队开发的Vue企业级UI组件库。目前虽然还没有完整的文档，但有一些示例可供参考。veui的官网是https://ecomfe.github.io/veui/components/#/。你可以耐心等待官方的文档更新。\[2\] 除了we-vue和veui，还有其他一些Vue移动端UI组件库可供选择。例如iView是一套基于Vue.js的开源UI组件库，主要服务于PC界面的中后台产品。iView的组件齐全且更新迅速，有详细的文档和可靠的维护团队。iView已经被许多大型公司如阿里巴巴、腾讯、京东等应用在他们的产品中。你可以在iView的官网https://www.iviewui.com/了解更多信息。\[3\] 希望这些信息对你有帮助！ #### 引用[.reference_title] - *1* *2* *3* [16款优秀的Vue UI组件库推荐](https://blog.csdn.net/ywtech/article/details/119610530)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值