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

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

相关推荐
Tisfy4 分钟前
“豆包聊天搜索” —— 直接在Chrome等浏览器地址栏开启对话
前端·chrome·豆包
Data_agent4 分钟前
京东商品价格历史信息API使用指南
java·大数据·前端·数据库·python
大学生资源网15 分钟前
基于Vue的网上购物管理系统的设计与实现(java+vue+源码+文档)
java·前端·vue.js·spring boot·后端·源码
diudiu_3320 分钟前
XSS跨站脚本攻击
前端·xss
终极前端开发协会20 分钟前
【web前端 - 齐枭飞】乾坤【qiankun】应用,主项目与子项目交互详细代码,里面有详细代码,可直接粘贴过去 直接应用 ,
前端·前端框架·交互
闲蛋小超人笑嘻嘻36 分钟前
localStorage用法详解
前端
Swift社区39 分钟前
用 RN 的渲染模型,反推 Vue 列表的正确拆分方式
前端·javascript·vue.js
Mr_chiu39 分钟前
微前端从入门到精通:Vue开发者的大型应用架构演进指南
前端·架构
Violet_YSWY43 分钟前
Vue-Pinia defineStore 语法结构
前端·javascript·vue.js
全栈陈序员43 分钟前
v-if 和 v-for 的优先级是什么?
前端·javascript·vue.js·学习·前端框架·ecmascript