开发一个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

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

相关推荐
Qres8213 小时前
Hexo博客本地配置
前端·博客·hexo
Bigger3 小时前
GitLab-Runner + AI 代码审查服务 + 远程大模型 全套部署运维实战
前端·ci/cd·ai编程
_xaboy3 小时前
开源AI表单设计器 FcDesigner v3.5 版本发布!
前端·vue.js·低代码·开源·表单
爱讲故事的3 小时前
操作系统第三讲:Context Switch —— 用户态如何安全地进入内核态?
前端·javascript·安全
light blue bird3 小时前
支轴事件任务线程执行工序路径的图表组件
前端·jvm·windows
终端行者3 小时前
企业级 Jenkins Pipeline 实战Docker构建前端+Ansible发布
前端·ci/cd·docker·jenkins
风之舞_yjf4 小时前
Vue基础(33)_web Storage(web存储)
前端·javascript·vue.js
夜白宋4 小时前
【Redis深入】二、高性能
java·前端·redis
被考核重击4 小时前
前端高频面试题总结_性能_工程化_网络
前端·网络·性能优化·工程化