位置: IT常识 - 正文

vue3 打包后没有默认进行分包?立马解决⚡(vue打包找不到文件)

编辑:rootadmin
原文地址:我的稀土掘金 默认打包: 所有文件都放在了assets文件夹 期望: css,js.img等等进行归类 解决办法 vite.config.js build:{ rollupOptions:{ output:{ chunkFileNames: 'static/js/

推荐整理分享vue3 打包后没有默认进行分包?立马解决⚡(vue打包找不到文件),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue打包后找不到图片和css,vue3打包后没有public,vue打包找不到文件,vue打包找不到文件,vue打包找不到文件,vue3打包后报错,vue3打包后报错,vue打包找不到文件,内容如对您有帮助,希望把文章链接给更多的朋友!

原文地址:我的稀土掘金

默认打包:vue3 打包后没有默认进行分包?立马解决⚡(vue打包找不到文件)

所有文件都放在了assets文件夹

期望:css,js.img等等进行归类

解决办法

vite.config.js

build:{ rollupOptions:{ output:{ chunkFileNames: 'static/js/[name]-[hash].js', entryFileNames: 'static/js/[name]-[hash].js', assetFileNames:'static/[ext]/[name]-[hash][extname]', //manualChunks 两种使用形式 // manualChunks:{ // elementPlus:['element-plus'] // } manualChunks(id) { if (id.includes('element-plus')) { return 'element-plus'; } } } }}名词解释rollupOptions 自定义底层的 Rollup 打包配置。这与从 Rollup 配置文件导出的选项相同,并将与 Vite 的内部 Rollup 选项合并。查看Rollup 选项文档获取更多细节。output 输出设置output.chunkFileNames 该选项用于对代码分割中产生的 chunk 文件自定义命名。默认值:"[name]-[hash].js"。该选项用于对代码分割中产生的 chunk 文件自定义命名。它支持以下形式:

[format]:输出(output)选项中定义的format的值,例如:es或cjs。[hash]:哈希值,由 chunk 文件本身的内容和所有它依赖的文件的内容共同组成。[name]:chunk 的名字。它可以通过output.manualChunks显示设置,或者通过插件调用this.emitFile设置。如果没有做任何设置,它将会根据 chunk 的内容来确定。output.entryFileNames 该选项用于指定 chunks 的入口文件名。默认值:"[name].js"。该选项用于指定 chunks 的入口文件名。支持以下形式:

[format]:输出(output)选项中定义的format的值,例如:es或cjs。[hash]:哈希值,由入口文件本身的内容和所有它依赖的文件的内容共同组成。[name]:入口文件的文件名(不包含扩展名),当入口文件(entry)定义为对象时,它的值时对象的键。output.assetFileNames 该选项用于自定义构建结果中的静态文件名称。默认值:"assets/[name]-[hash][extname]"。该选项用于自定义构建结果中的静态文件名称。它支持以下占位符:

[extname]:包含点的静态文件扩展名,例如:.css。[ext]:不包含点的文件扩展名,例如:css。[hash]:基于静态文件的名称和内容的哈希。[name]:静态文件的名称,不包含扩展名。output.manualChunks,该选项允许你创建自定义的公共模块。可以是对象形式也可以是函数形式。函数第一个参数指向插件绝对路径, 第二个参数包含getModuleInfo, getModuleIds注意:

【 output.manualChunks】如果设置为对象形式,使用的组件库(插件)如果包含css,不会识别出来单独存入一个文件,还是会放入公共index.css文件,函数形式则不然。

本文链接地址:https://www.jiuchutong.com/zhishi/311913.html 转载请保留说明!

上一篇:phpcms怎么修改域名(如何对php网站页面进行修改)

下一篇:织梦Dedecms自动摘要字节限制(将织梦dedecms转换到wordpress)

  • 朋友圈可以发gif动图吗(朋友圈可以发gift吗)

    朋友圈可以发gif动图吗(朋友圈可以发gift吗)

  • 华为荣耀10青春版多少容量(华为荣耀10青春版)

    华为荣耀10青春版多少容量(华为荣耀10青春版)

  • 华为手机没有彩色了怎么设置(华为手机没有彩屏是怎么回事)

    华为手机没有彩色了怎么设置(华为手机没有彩屏是怎么回事)

  • 电脑平方的小2怎么打出来(电脑上面平方2怎么打出来)

    电脑平方的小2怎么打出来(电脑上面平方2怎么打出来)

  • 抖音转发那里怎么有好友头像(抖音里面的转发在哪里)

    抖音转发那里怎么有好友头像(抖音里面的转发在哪里)

  • xshell是干嘛的(xshell的作用)

    xshell是干嘛的(xshell的作用)

  • 美图秀秀怎么去视频水印(美图秀秀怎么去水印)

    美图秀秀怎么去视频水印(美图秀秀怎么去水印)

  • 如何用siri声音做视频(怎么用siri音效)

    如何用siri声音做视频(怎么用siri音效)

  • 乘车码必须开通免密支付吗(开通了乘车码不用会收费吗)

    乘车码必须开通免密支付吗(开通了乘车码不用会收费吗)

  • 荣耀30pro第一次充电充多久(华为荣耀30s新手机第一次怎么充电)

    荣耀30pro第一次充电充多久(华为荣耀30s新手机第一次怎么充电)

  • 户户通出现e01怎么解决(户户通显e02怎么办)

    户户通出现e01怎么解决(户户通显e02怎么办)

  • 京东实名认证审核多久(京东实名审核)

    京东实名认证审核多久(京东实名审核)

  • 回收站是内存中的一块区域吗(回收站是内存中的一块存储空间)

    回收站是内存中的一块区域吗(回收站是内存中的一块存储空间)

  • 什么是internet的主要互联设备(什么叫internet)

    什么是internet的主要互联设备(什么叫internet)

  • 杜克测距仪怎么设置米(杜克测距仪怎么使用)

    杜克测距仪怎么设置米(杜克测距仪怎么使用)

  • 哔哩哔哩怎么私信up主(哔哩哔哩怎么私聊up主)

    哔哩哔哩怎么私信up主(哔哩哔哩怎么私聊up主)

  • 抖音做电影剪切有版权问题吗(抖音电影剪切怎么赚钱?)

    抖音做电影剪切有版权问题吗(抖音电影剪切怎么赚钱?)

  • 电脑和打印机连接不上怎么回事(电脑和打印机连不上怎么办)

    电脑和打印机连接不上怎么回事(电脑和打印机连不上怎么办)

  • i7stws怎么配对双耳(i7配对视频)

    i7stws怎么配对双耳(i7配对视频)

  • 微信被拉黑后朋友圈显示什么(微信被拉黑后朋友圈图片黑了)

    微信被拉黑后朋友圈显示什么(微信被拉黑后朋友圈图片黑了)

  • 快手个人主页怎么显示位置(快手个人主页怎么解除)

    快手个人主页怎么显示位置(快手个人主页怎么解除)

  • 图片大于500k怎么办(图片大于500k怎么弄)

    图片大于500k怎么办(图片大于500k怎么弄)

  • 电子健康证怎么打印(电子健康证怎么查看)

    电子健康证怎么打印(电子健康证怎么查看)

  • 一加手机6的前后摄像头像素(一加6前置摄像头参数)

    一加手机6的前后摄像头像素(一加6前置摄像头参数)

  • vivoy93怎么调出返回键(vivoy93怎么调出蓝牙耳机电量)

    vivoy93怎么调出返回键(vivoy93怎么调出蓝牙耳机电量)

  • 拍风景用多大光圈(风景用多少光圈)

    拍风景用多大光圈(风景用多少光圈)

  • wps合并单元格在哪(wps合并单元格在哪里)

    wps合并单元格在哪(wps合并单元格在哪里)

  • wmiprvse.exe是什么进程?wmiprvse.exe cpu占用资源很高怎么禁用?(wlms.exe是什么)

    wmiprvse.exe是什么进程?wmiprvse.exe cpu占用资源很高怎么禁用?(wlms.exe是什么)

  • Nerf_studio 使用记录(nerf 入门)

    Nerf_studio 使用记录(nerf 入门)

  • 税控盘是干什么用的
  • 如何理解中医的补
  • 财务负责人如何解绑
  • 计提生产车间工人和车间管理人员工资
  • 收入和费用类科目一般设置为什么辅助核算
  • 返利应计入什么科目
  • 个税申报没填过租房信息,却有怎么回事
  • 提取资本公积会计凭证
  • 个人垫付费用报销申请怎么写
  • 监控系统计入开户费用吗
  • 企业设备维修管理制度
  • 视同销售的消费税计入成本吗?
  • 持有债券到期收到现金属于什么活动
  • 法律责任的具体内容
  • 销售款的印花税是按含税还是不含税价款申报?
  • 外商投资企业要交房产税吗
  • 固定资产折旧计提完毕怎么处理
  • 议价收购股份的账务处理
  • 分期收款所得税收入确认多少
  • 机动车销售发票如何认证抵扣?
  • 原材料损失分录
  • 公司注销了是不是就不能用了
  • 不动产增值税计算公式
  • 没有单据怎么核算成本?
  • 单位个税申报后可以撤销吗
  • tracert命令的用法
  • php 字符串
  • 磷酸二氢钙生产
  • 房地产公司收到预售款缴纳印花税吗
  • 设计公司的设计提成方案
  • 简述php的概念和特点
  • typescript和javascript那个更高级
  • Laravel5.1自定义500错误页面示例
  • wordpress小工具开发
  • 所得税预缴申报表怎么填
  • 税管员管多少企业
  • 年度一次性奖励扣税
  • 当月银行账可以下个月做吗
  • 企业所得税应按季预缴,年末汇算清缴
  • 增值税一般纳税人登记管理办法
  • 电子承兑背书一般多久到账
  • 销售商品房适用的增值税税率是多少
  • 计提坏账准备金是什么意思
  • 公司发放工作服怎么做账务处理
  • 在建工程物资属于存货吗
  • 净资产收益率多少才是好股
  • 提取银行存款利息分录
  • 货物破损怎么写会计分录
  • 个体工商户对公账户需要交税吗
  • 应交税金借方余额在报表列示
  • 取得投资时支付的相关税费
  • 简易征收预缴税款
  • win8的应用商店在哪
  • 将u盘制作成u启动u盘启动盘
  • 神墓凌云
  • openfiledialog怎么用
  • 台式装win7
  • windows8怎么设置开机启动项
  • node的fs模块
  • rotation 与vector3乘积关系
  • awk fnr nr
  • Bullet(cocos2dx)学习制作桌球游戏之前期准备
  • 浅析js动态创建方法
  • easyui combotree加载静态数据问题(选不上)解决方法
  • python读json文件和写json文件
  • Vuforia 4.0 beta——Object Recognition (一)
  • python 爬取
  • jquery序列化json
  • jquery get(0)
  • centos打开shell
  • unity3d跨平台
  • IE8 新增的Javascript 开发接口说明
  • jQuery插件安装教程
  • js原生方法大全
  • 白云区嘉禾税务局地址
  • 怎么查税务是否实名认证
  • 四川医保增员网上怎么操作流程图
  • 贵州国家电子税务局登录入口
  • 九江五室新楼盘
  • 个人的车租给公司保险可以入账吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设