尧图网站建设 尧图网络
  • 首页
  • 关于我们
  • 服务项目
  • 案例展示
  • 建站流程
  • 资讯中心
  • 联系我们
首页/资讯中心/详情

midwayjs 组件配置静态资源

midwayjs 组件配置静态资源
📅 发布时间:2026/6/20 19:39:04

midwayjs 组件配置静态资源

midwayjs组件实际上是支持应用的所有特性的,但是我们可能希望开发的组件也包含静态资源,这样资源直接打包在npm包中,用户安装之后就能使用了,以下是一些说明

关键点

  • 因为midwayjs 静态资源的支持是基于static_file 扩展的,就需要安装扩展以及配置相关的路径, 为了方便并不推荐直接配置default,而是基于业务单元明确命名,如下
import {join} from 'path';
export  default {staticFile: {dirs: {platform: {prefix: '/platform',dir: join(__dirname, '../../platform'),alias: {'/': 'index.html',},},}}
}
  • 如果使用默认脚手架的配置是不行的,最好还是按照标准应用的配置编写,如上(目前的测试)
  • alias 如果配置了多个似乎不能生效了(可能是bug,待确定)
  • 开发的组件在打包的时候应该把静态资源明确到npm 包中,如下(pacakge.json 中需要添加的)
"files": ["dist/**/*.js","dist/**/*.d.ts","index.d.ts","platform/**/*"
],

说明

以上是一些简单的实践总结,部分可能是bug,也可能是使用不太对,还需要进一步确定

参考资料

https://www.npmjs.com/package/koa-static-cache

https://github.com/midwayjs/midway/blob/v4-next/packages/static-file/src/middleware/static.middleware.ts

https://midwayjs.org/docs/extensions/static_file

相关新闻

  • 2025年靠谱的夏令营训练基地附近基地查询
  • 2025年高中学习机推荐:5款提分学习工具,助力孩子学习!
  • 2025年比较好的机器人编程机构附近机构推荐

最新新闻

  • 电商平台XSS攻击实战防御:从前端到后端的双重安全防线
  • 合肥口碑最好的中专选哪家?综合实力优选合肥理工学校! - 教育为先
  • 大众app抓包分析(cip)
  • Python 潮流周刊#155:Python 3.14 垃圾回收风波
  • 如何在5分钟内免费解锁Microsoft 365完整功能:终极激活指南
  • Wireshark中HTTPS证书分析与导出:从原理到实战的完整指南

日新闻

  • 信任的进化:技术实现详解——如何用JavaScript构建博弈论模拟器
  • Terrakube自定义工作流:如何集成OPA、Infracost等工具扩展IaC能力
  • grunt-concurrent快速入门:5分钟学会并行运行Grunt任务

周新闻

  • 3步解锁iOS设备:applera1n激活锁绕过完全指南
  • 39 2026 人工智能证书终极盘点,普通人选 AI 证书可以从这些方向入手
  • Redis 暴露公网有多危险?从端口检查到补救步骤

月新闻

  • 【总结】入门篇:50句话让你记住架构核心概念
  • WeChatMsg技术方案解析:实现Mac微信数据自主管理的完整解决方案
  • WeChatMsg:革新性微信数据备份方案,打造你的专属数字记忆库

关于尧图

  • 公司简介
  • 团队介绍
  • 企业文化
  • 荣誉资质

服务项目

  • 定制开发
  • 电商建站
  • UI 设计
  • 运维服务

快速链接

  • 案例展示
  • 建站流程
  • 常见问题
  • 资讯中心

联系方式

  • 📍北京市朝阳区互联网产业园 A 座 10 层
  • 📞400-888-8888
  • ✉️contact@rkmt.cn
  • 🕐周一至周日 9:00-21:00

© 2024 北京尧图网络科技有限公司 版权所有 | 京 ICP 备 XXXXXXXX 号