为了账号安全,请及时绑定邮箱和手机立即绑定
首页 手记 前端项目模块化的实践1:搭建 NPM 私有仓库管理源码及依赖

前端项目模块化的实践1:搭建 NPM 私有仓库管理源码及依赖

2018.08.28 22:32 1229浏览

以下是关于前端项目模块化的实践,包含以下内容:

  1. 搭建 NPM 私有仓库管理源码及依赖

  2. 使用 Webpack 打包基础设施代码

  3. 使用 TypeScript 编写可靠类库 (实现中)

本文是关于前端项目模板化的第1部分

使用 Docker 搭建私有NPM仓库

关于 Docker 的使用不在本文之中,请自行参考其他文档。

经过测试, keyvanfatehi/sinopia 可用。

  1. 将 docker image 拉下来

docker pull keyvanfatehi/sinopia
  1. keyvanfatehi/sinopia 跑起来

docker run --name sinopia -d -p 4873:4873 keyvanfatehi/sinopia

我的 docker 主机名是 ubuntu-17,此时通过 http://ubuntu-17/4873 可以访问私有NPM 仓库网页。

https://img2.sycdn.imooc.com/5b855ce800018da715560383.jpg

发布 JavaScript 类库

添加示例类库项目 myGreeting

mkdir myGreetingcd myGreeting
yarn init -y # npm init -ytouch index.js

在 index.js 内添加如下内容

let greeting = function(name) {    return 'Hello ' + name;
}module.exports = greeting;

这份代码导出了一个函数,已经可以发布和被依赖了。

  1. npm adduser

初次使用这个私有仓库需要添加用户

npm adduser --registry http://ubuntu-17:4873
  1. npm publish

再把上面的代码发布上去

npm publish . --registry http://ubuntu-17:4873

NPM 有自己的版本和发布策略,可以使用以下命令查看帮助文档

  • npm help version

  • npm help publish

发布可能因为版本问题失败,追加谓词 --force 可强制发布但并非是常规操作。

发布后的管理页面图示

https://img3.sycdn.imooc.com/5b855cee000137ee15370309.jpg

引用已发布的类库

添加示例业务项目 myDemo

mkdir myDemocd myDemo
yarn init -y # npm init -ytouch index.js

引用 myGreeting

yarn add myGreeting --dev --registry http://ubuntu-17:4873

在 index.js 内添加如下内容

const myGreeting = require('myGreeting');

(function() {    let greeting = myGreeting('Rattz');    console.log(greeting);
})();

运行起来

node index.js
Hello Rattz

至此私有NPM仓库搭建、类库发布、依赖引用的部分已经完成。

项目所使用源码已发布 github,jusfrw 原创

原文出处:https://www.cnblogs.com/Jusfr/p/9547897.html

点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
手记
粉丝
100
获赞与收藏
361

关注TA,一起探索更多经验知识

同主题相似文章浏览排行榜

风间影月说签约讲师

51篇手记,涉及Java、MySQL、Redis、Spring等方向

进入讨论

Tony Bai 说签约讲师

151篇手记,涉及Go、C、Java、Python等方向

进入讨论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消