当前位置: 首页 > news >正文

开发一个npm组件包(2)

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

会遇到一下几个问题

入口文件变化为package/index

在这里插入图片描述

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

"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
  • 在这里插入图片描述
    在这里插入图片描述

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

http://www.lryc.cn/news/191692.html

相关文章:

  • 迅为RK3568开发板Scharr滤波器算子边缘检测
  • HJ86 求最大连续bit数
  • Grafana 10 新特性解读:体验与协作全面提升
  • Django实现音乐网站 ⒆
  • 20基于MATLAB的车牌识别算法,在环境较差的情景下,夜间识别度很差的车牌号码可以精确识别出具体结果,程序已调通,可直接替换自己的数据跑。
  • vue音频制作
  • 好莱坞编剧大罢工终于结束;与OpenAI创始人共进早餐;使用DALL-E 3制作绘本分享;生成式AI的基础设施架构 | ShowMeAI日报
  • buuctf week2-web-ez_sql
  • 实验2.1.2 交换机的常用配置
  • 功率放大器应用场景分析报告
  • 解决 Centos 安装 Python 3.10 的报错: Could not import runpy module
  • HTML5简介-HTML5 新增语义化标签-HTML5 新增多媒体标签
  • pyqt---子线程进行gui操作导致界面崩溃
  • vue-cli 输出的模板 html 文件使用条件语句
  • Spring Boot集成kafka的相关配置
  • Git(11)——Git相关问题解答以及常用命令总结
  • 【LeetCode高频SQL50题-基础版】打卡第7天:第36~40题
  • C++入门1
  • Matlab论文插图绘制模板第118期—进阶气泡图
  • grafana接入OpenTSDB设置大盘语法
  • HarmonyOS 远端状态订阅开发实例
  • 实战一:Http轮询弹幕拦截
  • 虚拟机独立 IP 配置
  • 升级教育技术软件的多合一解决方案
  • c++视觉检测-----角点检测
  • 虚拟机安装Docker
  • 虚幻引擎5:增强输入的使用方法
  • buffer overflow detected
  • 【c++源码】老飞飞源码完整v15源码(包含数据库前端后端源文件)
  • MySQL创建数据库、创建表操作和用户权限