除了npm还有哪些组件共用方式

最新推荐文章于 2023-07-08 09:18:58 发布

原创最新推荐文章于 2023-07-08 09:18:58 发布 · 590 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#npm #前端 #javascript

js 专栏收录该内容

25 篇文章

订阅专栏

问题：除了npm 你还知道哪些多项目组件共用的方式

解决方案：

1.cdn

将组件打包发布到服务器上

优点：缩小项目打包体积

缺点：维护成本高，更新组件时需要更新服务器上的文件

推荐指数：※

2.npm包

现在最常用的手段

缺点：国内镜像资源同步时间慢

npm 可以直接install Git仓库地址，这种方式常用来做测试npm 包的手段

3.git submodule

git可以使用git submodule直接将一个git仓库当做子模块放在项目中，只需要

git submodule add <url> <path>

常用的就是这三种

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一只皮皮璐

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

几个比较好的前端组件库的引用

RBK的博客

07-30

1317

之前开始写前端的时候看到element-ui可以提供很多好的组件，比自己写的好看多了，就想着既然有现成的为什么不拿来直接用呢，我就去搜了一下官网的教程，官网说可以使用CDN方式引入，但是我引入以后没有用，在火狐浏览器里面看是普通按钮，在360里面看直接就是文本，可能是因为我没有用npm安装他需要的东西？总之就是，要想不安装或者不配置一些东西，是没法用官网的方式。然后找到了方法，可以将需要的css和js等文件下载下来，直接作为本地文件引入。引入需要下载如下三个文件，如果点击后没有直接下载，新建个文件复制

封装一个react组件发布到npm

木槿小凡的博客

07-25

3467

为什么要将封装的组件发布到npm上？在日常开发中，我们会基于项目对一些通用的组件进行封装，并在项目中进行调用。当一个组件被多个项目调用，需要升级维护时，就会出多次修改的情况，这种维护成本无疑是比较高的。所以，我们此时需要将组件发布到npm上，进行统一版本管理。项目中直接从npm上加载最新的包就可以了。搭建一个自己或企业的私人组件仓库。第一部分：封装一个react组件 1. 初始化一个package.json yarn init -y 2. 安装相关插件包 package.json "devD

参与评论您还未登录，请先登录后发表或查看评论

Yarn快速入门

绝圣弃智-零的博客

03-07

826

Yarn 对你的代码来说是一个包管理器，你可以通过它使用全世界开发者的代码，或者分享自己的代码。Yarn 做这些快捷、安全、可靠，所以你不用担心什么。通过Yarn你可以使用其他开发者针对不同问题的解决方案，使自己的开发过程更简单。使用过程中遇到问题，你可以将其上报或者贡献解决方案。一旦问题被修复， Yarn会更新保持同步。代码通过包（package）(或者称为模块（module...

前端教程之插件和类库封装

weixin_34080571的博客

07-13

382

在项目开发过程中，如果没有插件和类库，那么开发的效率和可扩展性就非常的差，插件不是JavaScript特有的，插件思想的出现是由来已久的，是任何编程语言的都会有的做法。使用插件的最大好处就是：代码复用性好，即插即用，可移植；易修改、可维护性强；结构容易调整；降低耦合度等等。当然，这也是为什么软件公司在项目开发中，会经常使用插件的原因所在。✦ 提高代码的复用性，即插即用，可移植如：把电子商务网站常见...

前端代码封装的11种方式

weixin_67348744的博客

02-17

552

10.组件（component）；5.指令（directive）；8.框架（framework）；1.函数（function）；4.过滤器（filter）；7.类库（library）；11.模块（module）；6.插件（plugin）；9.混入（mixin）；2.类（class）；3.钩子（hook）；

vue项目测试时的启动方法（不是npm run dev）

dd2016124的博客

12-22

621

npm run serve

内网npm私服使用说明

lyn1772671980的博客

03-14

1133

近期前端团队会持续开发一些前端公共组件，由于是公司内部资产，并不方便发布到公网的npm中托管。其他的编译模板，不管是CNPM还是NPM都会强制使用淘宝的源，不会读取.npmrc中的配置。只有yarn会读取，而且是通过试验得到的结果，没看过平台部门的代码，目前只能将就这么用。发包地址：http://nexus.xxx.xxx.com/repository/npm-cosmo-hosted/取包地址：http://nexus.xxx.xxx.com/repository/npm-cosmo-group/

vue 多组件共用一个变量

06-12

在Vue中，可以使用`Vuex`来实现多组件共用一个变量。`Vuex`是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。具体...

vue组件如何被其他项目引用

01-19

自己写的vue组件怎么才能让其他人引用呢，或者是共用组件如何让其他项目引用。本文就粗细的介绍下，如有疑问欢迎共同讨论。在这里你能了解下如下知识点： 1. 如何发布一个包到npmjs仓库上 2.如何引用一个npm包，尤其...

vue用pinia，多组件，共用一个变量

06-12

如果多个组件需要共用一个变量，可以在Pinia store中定义一个state。Pinia store类似于Vuex store，是一个全局的状态管理器，可以在任何组件中使用。下面是一个例子：首先，你需要安装pinia： ```bash npm ...

VUE前端公用组件封装提取、上传（npm）、使用

zhufan2333的博客

08-01

4929

组件VUE最强大的功能之一，组件可以扩展HTML元素、封装可重用的代码，在较高层面上，组件是自定义的元素，vue的编译器为它添加特殊功能，在有些情况下，组件也可以是原生HTML元素的形式以js特性扩展。上传代码主要的的一项工作就是将封装好的组件注册为全局组件，用到了Vue.component()方法，当使用Vue.use()时，install方法便会执行。组件在引用之后，相当于在父组件内部开辟了一块单独的空间，来根据父组件props过来的值进行相应的操作，但本质上两者还是泾渭分明的，相对独立。.......

在vue中如何使用他人封装好的方法- - >

404路西法的博客

06-26

788

1.在自己编写的子组件Script当中导入.. 记得一定要在components里面去注册 2.然后再看图效果：

Vue引入非npm的js库

weixin_30686845的博客

07-22

2118

Vue引入非npm的js库 Vue项目有时候需要一些没有export的js库，不能通过import引入，那么使用方法如下 1.可以在index.html页面使用script标签引入，当然也可以使用cdn的地址。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Map<...

vue.js如何单独封装组件并引用

weixin_35755562的博客

02-16

350

Vue.js允许您封装可重用的组件并在应用程序中多次使用它们。以下是单独封装和引用Vue组件的基本步骤：创建组件使用Vue.js创建一个组件。您可以将其放在一个单独的文件中，并通过导出来暴露组件。例如，假设您正在创建一个名为"MyComponent"的组件。可以创建一个名为"MyComponent.vue"的文件，并使用以下代码： <template> <div&gt...

npm是干什么的?为什么要使用npm？

Selience的博客

08-03

1010

原文链接网上的 npm 教程主要都在讲怎么安装、配置和使用 npm，却不告诉新人为什么要使用 npm。今天我就来讲讲这个话题社区程序员自古以来就有社区文化：社区的意思是：拥有共同职业或兴趣的人们，自发组织在一起，通过分享信息和资源进行合作。虚拟社区的参与者经常会在线讨论相关话题，或访问某些网站。前端程序员也有社区，世界上最大的前端社区应该就是 GitHub 了。前端通过 GitHub 来分享源代码（线上代码仓库）讨论问题（Issue 列表）收集学习资源和常去的网站（比如我收集的优质

做好这三个关键点就可以更好的实现前端业务组件库

zz_jesse的博客

04-16

543

点击上方关注前端技术江湖，我们一起学习，天天进步对于前端同学来说，业务组件库肯定不陌生，很多前端团队都会选择建设业务组件库来解决业务组件跨项目复用的问题同时统一代码实现，统一代码质量从...

包管理器 | 浅谈几个常用的包管理工具

青春木鱼的博客

07-08

2602

在前端开发中，npm、pnpm和yarn是三种非常流行的包管理工具。虽然它们的作用都是相同的，但是在实际使用中，它们存在一些不同之处。

vue项目自己封装的组件没有发布npm如何在其他项目使用及组件如何注册(Tui组件，已发布npm)

wocwin的博客

08-24

1674

vue项目自己封装的组件没有发布npm如何在其他项目使用及组件如何注册

vue安装yarn_除了NPM，前端工程师应该知道的yarn知识

weixin_39631344的博客

11-23

668

yarn 是在工作中离不开的工具，但在工作中，很多人基本只会使用 yarn install，而且会手动删除 node-modules，或删除 yarn.lock 文件等不规范操作。本文将从一些基础的知识点开始介绍，循序渐进的让你对 Yarn 有一个更深入的了解，来保证规范的使用yarn，避免一些隐藏bug的产生。本文主要介绍以下知识：什么是registry依赖的版本含义及写法依赖类型及区别(de...