使用rollup发布自己的前端插件npm各种踩坑

rollup配置问题官方文档都有这里就不细说了,简单配置如下:

import babel from 'rollup-plugin-babel'
import resolve from 'rollup-plugin-node-resolve'
import builtins from 'rollup-plugin-node-builtins'
import { uglify } from 'rollup-plugin-uglify'
export default {
    input: './src/index.js',
    output: {
        file: 'index.js',
        name: 'name', //umd必须指定一个output.name否则报错
        format: 'umd'
    },
    plugins: [
        resolve(),
        builtins(),
        babel({
            exclude: 'node_modules/**'
        }),
        uglify()
    ]
}

如果不指定output.name会报如下错误

 接下来我们开始踩坑之旅

首先肯定需要登录npm没有账户的先注册 npm登陆 

之后在终端输入

npm adduser

依次输入username,password,email

完成之后可以输入

npm whoami

查看是否绑定正常

接着我们在项目终端运行 npm publish,期望多大失望就有多大报错了,当然本着遇到困难解决困难的心态选择迎难而上,一定要发布成功。

 重要提示:更改npm镜像到原地址   npm config set registry https://registry.npmjs.org

这个错误大概意思就是拒绝了我们的发布,查了一些资料,这里必须在npm网站验证邮箱

接着运行还是报错

 这里运行 npm install -g https://tls-test.npmjs.com/tls-test-1.0.0.tgz 

如果还是报错检查npm、node版本,尝试升级

接着运行 npm publish 成功啦!!

 接着我们可以去官网已经发布的包文件。

总体上来说使用npm发布插件还是比较容易的,作为小白的我把自己遇到问题总结汇总,希望对各位有帮助。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小生鲜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值