问题

组件封装上传到npm后，在新项目下载依赖，只能如下使用绝对路径引入使用

在这里插入图片描述
无法像element-ui一样简单的使用包名引入
在这里插入图片描述

原因

  1. 在组件打包的时候webpack配置有问题，没有配置output下的library项。在新项目中使用时必须用该项设置的包名才能便捷引入
    在这里插入图片描述
  2. package.json文件中没有设置main参数，main没有设置的话打包时就没有设置入口的js文件，就无法用包名引入使用
    在这里插入图片描述

结果

上面两项设置后，就可以使用包名引入了
在这里插入图片描述

# vue.js
Logo
MCP技术社区

欢迎加入 MCP 技术社区！与志同道合者携手前行，一同解锁 MCP 技术的无限可能！

更多推荐

cover

8种封装的1700V国产碳化硅(SiC)功率模块产品介绍及应用

avatar MCP技术社区
cover

（一篇入门）汽车电子电器 之 电机MCU控制器 四

avatar MCP技术社区

基于Echarts的甘特图实现与封装实战

Echarts（Enterprise Charts）是由百度开源的一款功能强大、高度可定制的JavaScript数据可视化库，广泛应用于各类企业级Web应用中。其核心设计理念是“以数据驱动视图”，通过声明式配置即可实现复杂图表的渲染与交互。在现代前端工程化背景下，Echarts不仅支持静态图表展示，更具备动态更新、大数据量处理和跨平台兼容等高级能力，成为构建高性能数据看板、实时监控系统和项目管理工

avatar MCP技术社区