如何对自己的跨域代码进行引用

你的名字 2022-01-11 16:27 197阅读 0赞

想要实现将当前代码提交到github，在另外一个项目可以通过import引入，然后npm install

*  发布到npm 上

一、直接发布到npm上-开源的

1.如文章所示：[https://blog.csdn.net/qq\_37815596/article/details/93203201][https_blog.csdn.net_qq_37815596_article_details_93203201] 我已经利用webpack打包了一个组件

2.注册npm账号:[https://www.npmjs.com/][https_www.npmjs.com]

3.登录

在终端输入：

npm adduser
    或者
    npm login

按照你上面注册的账号，输入username、password 和 \*\*email \*\*

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODE1NTk2_size_16_color_FFFFFF_t_70][]

4.发布到 npm

npm publish

如果你是私有包，可以这样发布：

npm publish --access=public

5.发布后出现报错

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODE1NTk2_size_16_color_FFFFFF_t_70 1][]

是NPM源的问题，我目前使用了淘宝的NPM，所以直接换成原先的NPM源即可

NRM  
这里推荐使用NRM

sudo npm install -g nrm

查看源列表

nrm ls

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODE1NTk2_size_16_color_FFFFFF_t_70 2][]

使用某个源

nrm use npm

6.再次重复上面的操作，发布即可成功

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODE1NTk2_size_16_color_FFFFFF_t_70 3][]

发布组件不成功的时候，搜一下npm上是否有同名组件

7.更新

后面当你需要发布一个新的版本时，你只需要更新一下 package.json 里面的 version 版本号，然后执行 npm publish 和 npm run publish-demo,发布新版本到 npm 是分分钟的事儿，发布新的 demo 到 GitHub Pages 最多也只需要 20分钟

8.新项目中使用发布的npm组件

二、自己搭一个私有npm

三、搭个verdaccio啥的

可以查看npm 文档学习具体操作

*  npm install依赖包的本地目录（不推荐）

没有私有npm的话可以把源代码下载来  
然后到项目里去 npm install /xxx/xxx依赖包的本地目录

*  npm地址里面可以直接写git（本人亲测）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODE1NTk2_size_16_color_FFFFFF_t_70 4][]

依赖包的package.json里的name命名一下就好了

[https_blog.csdn.net_qq_37815596_article_details_93203201]: https://blog.csdn.net/qq_37815596/article/details/93203201
[https_www.npmjs.com]: https://www.npmjs.com/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODE1NTk2_size_16_color_FFFFFF_t_70]: /images/20220110/3dcad8fb793349079af0b9f8b99e6ae9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODE1NTk2_size_16_color_FFFFFF_t_70 1]: /images/20220110/9f7fbea61f0e4947902af5f6dd64d5a7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODE1NTk2_size_16_color_FFFFFF_t_70 2]: /images/20220110/974057e2122440f38f4aca240d6fd7c8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODE1NTk2_size_16_color_FFFFFF_t_70 3]: /images/20220110/41e4f5164db64fef95b982cc18095584.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODE1NTk2_size_16_color_FFFFFF_t_70 4]: /images/20220110/47a8dbb9eefb4aacafa5555ae34ccec2.png