开发一个npm组件包(2)

通过vue+element 原来后台 开发npm包的时候

会遇到一下几个问题

入口文件变化为package/index

需要再配置打包方法 package.json下

js 复制代码
"scripts": {
 
   "package": "vue-cli-service build --target lib ./src/package/index.js --name managerpage --dest managerpage/lib"
 },

一般组件包中是不能使用$router,$store的 会出现挂载错误的问题 但是包里面元代码中有$store怎么处理

包文件

使用 读取包中store/module 中user信息

import managerStore from '@/store/index.js' 用法 managerStore.state.user.userInfo

项目中不能使用svg

  • 可以使用img但是需要打包的时候转换为base64 主项目才能使用
  • svg 需要使用在线cdn 或者自己图标才能在主项目使用

关于css问题

  • npm打包以后css样式错误,问题原因是managerpage.css中/fonts/element.ttf路径寻找错误,修改publicPath进行处理
  • vue.config.js

接口

  • 接口不能再读取env下配置
  • 采用为全局windows.url

大家有遇到其他问题可以在补充 一起学习

相关推荐
এ慕ོ冬℘゜7 小时前
深度解析 JavaScript:赋予 Web 灵魂的“全栈语言”
开发语言·前端·javascript
iCOD3R7 小时前
Skill - 3秒生成精美GitHub主页
前端·程序员·ai编程
爱勇宝7 小时前
《道德经》第5章:生产环境不相信眼泪
前端·后端·架构
掘金者阿豪7 小时前
LEFT JOIN 凭空消失的背后,是优化器偷偷帮你做了决定
前端·后端
HackTwoHub7 小时前
AntiDebug Mcp、AI逆向绕过前端,Hook 加密接口,抓取 Vue 路由漏洞,接入 MCP 让 AI 自动化挖掘前端漏洞
前端·vue.js·人工智能·安全·web安全·网络安全·系统安全
Mr_凌宇7 小时前
AI 应用工程进阶扩展学习笔记 二
前端·面试
Hyyy8 小时前
Git Worktree 完全讲解
前端·后端·面试
葡萄城技术团队8 小时前
AI 不会淘汰电子表格,反而会让电子表格成为 AI 操作系统
前端·人工智能
BigTopOne8 小时前
Short Put and Short Call
前端
Cache技术分享8 小时前
465. Java 反射 - 获取类的简单名
前端·后端