从0开始组件库?

本文详细记录了使用webpack处理预处理文件时遇到的问题,以及如何通过vue-loader解决。还涵盖了npm包发布的流程,包括设置package.json、登录npm、解决发布过程中的依赖错误和浏览器兼容性问题。在发布过程中,遇到了css-loader找不到、浏览器兼容性配置、引入css错误和安装方法错误等挑战,并逐一给出了解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

webpack没有办法识别预处理的文件,所以用vue-loader

在这里插入图片描述

发布到npm

  1. 1.去掉private
  2. 加入description
  3. main//入口文件
  4. keywords关键词
  5. author作者信息
  6. files希望发布的文件目录 dist components

登录npm账号

登录命令 npm login
登录有个小问题:淘宝镜像无法登录

  1. 用户名
  2. 密码
  3. 邮箱

发布命令 npm publish

测试

问题1:报了css-loader包找不到这些
解决:删module重新下载,原因是包的版本不对

问题2:浏览器兼容性问题
在这里插入图片描述
解决:去掉了不一样的配置 not dead

问题3: 引入css报错
解决:删掉库,重新装

问题4:报了install方法没有在这里插入图片描述
解决:原因是我的vue.component方法写多了一个n字母,所以在调用vue.use的时候会报错。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值