开发React组件 发布npm包 (使用TSDX)运行该命令，会新建组件开发的文件夹。(mylib就是项目名)因为我这边的网速很烂 所以可以先安装cnpm i tsdx@latest -g然后在执行npx tsdx create mylib中途我们会被要求选择一个模版：模版描述basic用于一个TypeScript包，可以开发任何东西，灵活度高react用于开发React组件的包，内置了@type
转载
2021-01-17 19:31:38
1626阅读
2评论
本文作者「海秋」。上篇文章[1]中介绍了如何从 0 到 1 搭建一个 React 组件库架子，但为了一两个组件去搭建组件库未免显得大材小用。这次以移动端常见的一个组件 Popup 为例，以最方便快捷的形式发布一个流程完整的 npm 包。???? 在线预览[2]✨ 仓库地址[3]如果对你有所帮助，欢迎点赞 Star 以及 PR。如果有所错漏还烦请评论区指正。本文包含以下内容：Popup
转载
2022-04-22 15:35:59
990阅读
架设私有的npm包管理器
常用搭建工具工具名称说明nexusnexus功能强大，但是部署和配置比较繁琐cnpmcnpm虽然比nexus配置简单，但是需要用到MySQLverdaccioverdaccio使用文件存储包数据，无需安装数据库并且部署简单，只需一行代码就可以部署完成sinopiasinopia已经没有维护了
Verdaccio 搭建私有 NPMVerdaccio 是一个 Node.js
文章目录前文一、项目准备二、npm发布三、持续集成四、删除包五、总结前文npm包管理工具前端同学应该不陌生了，npm平台上有大量的优秀包，我们只需要简单几行命令就能下载下来我们想要的东西，不用到处求种，而且版本控制十分方便。如何将自己的组件或者插件
原创
2022-01-18 10:43:59
362阅读
1.创建vue项目2.创建组件3.创建index.js文件4.登录npmnpm login5.发布npm publish
原创
2021-04-29 13:56:58
321阅读
文章目录前文一、项目准备二、npm发布三、持续集成四、删除包五、总结前文npm包管理工具前端同学应该不陌生了，npm平台上有大量的优秀包，我们只需要简单几行命令就能下载下来我们想要的东西，不用到处求种，而且版本控制十分方便。如何将自己的组件或者插件发布到npm平台上去，方便项目中使用和其他人使用，本文介绍如何将一个组件发布到npm平台上去。一、项目准备发布到npm平台的包，是一个项目工程，跟我们平时工作中的项目类似，应该有完整的一套构建，开发，测试，打包压缩等步骤，所以应该把这个包当成一个项目来对待
原创
2021-06-20 15:15:55
1323阅读
nignx是一款非常优秀的服务器软件，前端工程师在开发完项目后，通常要将项目部署到服务器，我在部署项目时用的就是nginx。
今天跟大家分享一下用nginx部署前端项目的一些经验。
React项目开发完成后，需要运行 build指令进行打包，打包完成后得到打包的文件，然后将这些文件部署到服务器。
关于打包这里通常有两种操作，一种是在本地打包，然后将打包文件利用scp指
转载
2024-06-24 07:25:14
179阅读
注册一个npm账号 在npm官网注册https://www.npmjs.com/ 给代码库起名字 不可有重复包名，包名重复不能提交 创建项目 需要一个package.json文件，这个文件不仅仅是用来标明依赖和npm script脚本，也可以是一个npm包被外界识别的配置文件。因为配置文件内容比较多 ...
转载
2021-09-28 14:58:00
257阅读
2评论
制作了一套自己的组件库，并发布到npm上，项目代码见 GitHub 。 前期准备 有一个npm账号 安装了vue cli 搭建项目 目录结构 内部代码详见 GitHub，如果对你有所帮助，给个star吧 。 项目配置 为了使项目能上传到npm上，需要配置一些地方。 build/webpack.bas
转载
2018-11-07 12:59:00
123阅读
2评论
制作了一套自己的组件库，并发布到npm上，项目代码见 GitHub 。 前期准备 有一个npm账号 安装了vue-cli 搭建项目 vue init webpack hg-vcomponents cd hg-vcomponents cnpm install 目录结构 - vue-flag-list
转载
2020-02-20 16:20:00
172阅读
2评论
React 通信react的数据流是单向的, react 通信有以下几种方式：父向子通信： 传入props子向父通信：父组件向子组件传一个函数，然后通过这个函数的回调，拿到子组件传过来的值父向孙通信：利用context传值。React.createContext()兄弟间通信：1、找一个相同的父组件，既可以用props传递数据，也可以用context的方式来传递数据。 2、用一些全局
转载
2021-02-09 09:45:59
1576阅读
2评论
报告来源：OSCS开源安全社区更新日期：20220704事件简述NPM是Node.js包管理工具，提供了对第三方Node.js包的查找、下载、安装、卸载等功能。2022年07月04日，OSCS监测发现NPM官方仓库被btwiuse上传了btwiuse、k0s恶意组件包，使用恶意组件包后会在用户电脑上加载名为k0s的远控木马，危害较为严重，OSCS提醒广大开发者关注。详细分析以k0s组件为例，其目录
原创
2022-07-05 12:01:31
81阅读
新建vue 项目并且在根目录创建两个文件夹 packages和examples。packages：用于存放所有的组件examples：用于进行测试组件，把src改为examples 去掉helloword和assets文件2.配置vue.config.js 并设置入口文件
如果没有vue.config.js文件 就需要在项目根目录下创建vue.config.js文件，并进行如下
原创
2023-12-01 10:40:54
222阅读
vue组件库开发，做一个像elment-ui一样的，webpack打包，非常好用
原创
2023-10-03 09:04:02
287阅读
react 通信react的数据流是单向的, react 通信有以下几种方式：父向子通信：传入props子向父通信：父组件向子组件传一个函数，然后通过这个函数的回调，拿到子组件传过来的值父向孙通信：利用context传值。React.createContext()兄弟间通信：1、找一个相同的父组件，既可以用props传递数据，也可以用context的方式来传递数据。2、用一些全局机制去
转载
2022-11-08 19:20:46
342阅读
如果你的系统还不支持 Node.js 及 NPM 可以参考我们的。我们建议在 React 中使用 CommonJS 模块系统，比如 browserify 或 webpack，本教程使用 webpack。
原创
2024-10-14 09:46:52
40阅读
Before we publish our package, we want to make sure everything is set up correctly. We’ll cover versioning, preparing our package, adding a proper REA
转载
2019-11-04 16:54:00
195阅读
2评论
简要:这篇文章介绍了如何讲自己的包发布到NPM上，马克一下，将来有用 。。。 npm包发布发布npm包，更方便以后下载使用。我们已经把插件代码上传到github上面了，那么我们是否可以也做成一个npm包发布到npm上呢？答案是肯定的，如此一次，我们在需要使用到该插件的时候就可以直接npm i vpay等的实现安装到我们的项目中，岂不是很方便呢？正如文章刚开始提到的文件目录，我们
转载
2024-05-06 10:43:25
48阅读
封装vue组件库的两种方法和形式： 一：是建立一个webpack-simple 项目 二：是在通过vue-cli脚手架建立webpack vue项目，这种项目有点冗余，可是我们对这种项目最熟悉 下面分别介绍两种用法： 一： 1.首先先建立一个vue项目： 通过vue init webpack-sim
转载
2020-02-20 16:24:00
702阅读
2评论
react的目的是将前端页面组件化，用状态机的思维模式去控制组件。组件和组件之间肯定是有关系得，通过合理得组件设计，给每一个组件划定合适得边界，可以有效降低当我们对页面进行重构时对其他组件之间得影响。同时也可以使我们得代码更加美观。1、高耦合低内聚。高耦合：将功能联系紧密得部分放到一个容器组件内对外暴漏出index.js，目录结构如下:├── components│ └── App└── inde
转载
2023-07-14 13:40:39
117阅读
