统一使用某一个包管理工具,比如yarn pnpm

这篇具有很好参考价值的文章主要介绍了统一使用某一个包管理工具,比如yarn pnpm。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

原因:前端每个人的习性不一样,有人用npm 有人用yarn等包管理工具,混合下载插件容易出bug,就用个小工具锁住就行了,只能使用yarn或者pnpm反向下载依赖和下载插件。不然就报错


1.在项目主目录下创建preinstall.js

// 如果要改成pnpm只需要把yarn改为pnpm就行
if (!/yarn/.test(process.env.npm_execpath || '')) {
    // 提示语,告诉别人只能使用yarn下载
    console.warn(
      `\u001b[33mThis repository must using yarn as the package manager ` +
      ` for scripts to work properly.\u001b[39m\n`,
    )
    process.exit(1)
  }

改为pnpm的例子,就把yarn改为pnpm就可以了

if (!/pnpm/.test(process.env.npm_execpath || '')) {

 2.package.json文件添加命令

在scripts下添加红色字体的命令

./preinstall.js:这个是文件路径,路径别写错了

"scripts": {

    "serve": "vue-cli-service serve",

    "build": "vue-cli-service build",

    "preinstall": "node ./preinstall.js"

  },

3.运行命令

在此时你的依赖包还是在的哈,你用的什么命令反向下载的依赖包就用什么命令运行

pnpm run preinstall 或者npm run preinstall

yarn preinstall

提示这样就是运行成功了 

统一使用某一个包管理工具,比如yarn pnpm,工具类,vue,vue.js,前端,javascript

4.测试成功没

1.删除依赖包

2.使用其他命令反向下载依赖包,比如npm install,会提示报错

统一使用某一个包管理工具,比如yarn pnpm,工具类,vue,vue.js,前端,javascript

3.使用cnpm i反向下载:依赖包下载下来但是报错了运行不了

统一使用某一个包管理工具,比如yarn pnpm,工具类,vue,vue.js,前端,javascript

 4.只能使用你自己定好的依赖包下载,我用的是yarn测试哈,已经运行成功了

统一使用某一个包管理工具,比如yarn pnpm,工具类,vue,vue.js,前端,javascript

文章到此结束~希望对你有所帮助~ 文章来源地址https://www.toymoban.com/news/detail-683759.html

到了这里,关于统一使用某一个包管理工具,比如yarn pnpm的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 包管理工具 nvm npm nrm yarn cnpm npx pnpm详解

    npm、cnpm、yarn、pnpm、npx、nvm的区别:https://blog.csdn.net/weixin_53791978/article/details/122533843 npm、cnpm、yarn、pnpm、npx、nvm的区别:https://blog.csdn.net/weixin_53791978/article/details/122533843 包管理工具:npm、npx、yarn、cnpm、pnpm:https://blog.csdn.net/March_Q__/article/details/126675476 包管理工具详解npm 、

    2024年02月12日
    浏览(39)
  • 前端包管理器的工具,npm和Yarn以及pnpm是最常用的

    👍 点赞,你的认可是我创作的动力! ⭐️ 收藏,你的青睐是我努力的方向! ✏️ 评论,你的意见是我进步的财富! 前端包管理器是用于管理前端项目依赖项(如库、框架和工具)的工具。它们有助于确保项目的依赖项始终保持最新、可维护和可复制。以下是一些常用的前

    2024年02月07日
    浏览(52)
  • 前端 node 常见的包管理工具 npm、npx、Yarn、cnpm、pnpm 的区别有哪些

    些工具都是用于管理 Node.js 包和依赖项的 npm (Node Package Manager) : npm 是 Node.js 的默认包管理工具,随同 Node.js 安装。 主要功能包括安装、发布、管理 JavaScript 包和依赖项。 npm 是最常用的包管理工具之一,拥有庞大的包仓库(npm Registry)。 npx : npx 是 npm 5.2.0 版本引入的一个工

    2024年02月20日
    浏览(45)
  • 你真的知道 NPM、Yarn 与 PNPM 这三个前端包管理器之间的区别吗?

    在当代的Web开发过程中,JavaScript项目的构建离不开各种外部依赖,无论是实用的库、辅助工具还是其他类型的资源。这些依赖项的管理,已经成为了开发者日常不可或缺的一部分。NPM、Yarn和PNPM这三个包管理器,就像是开发者的得力助手,它们在项目开发中扮演着至关重要的

    2024年04月13日
    浏览(47)
  • 使用工具 NVM来管理不同版本的 Node.js启动vue项目

    使用工具如 NVM(Node Version Manager)来管理不同版本的 Node.js。NVM 允许你在同一台计算机上安装和切换不同版本的 Node.js。以下是一些步骤,以便同时在你的系统中安装两个 Node.js 版本: 安装 NVM: 首先,你需要安装 NVM。你可以在 NVM GitHub 页面 找到安装说明。 安装 Node.js: 使用

    2024年02月04日
    浏览(66)
  • npx和npm有什么区别,包管理器yarn的使用方法,node的版本管理工具nvm使用方法

    一、npx介绍及使用 平时安装node模块的时候,经常使用的命令是npm。其实还有另外一个命令,叫做npx。网上的说法都是:npx是npm命令的升级版本,功能非常强大。 1、npx 是什么 npx是一个由Node.js官方提供的用于快速执行npm包中的可执行文件的工具。它可以帮助我们在不全局安装

    2024年01月16日
    浏览(54)
  • pnpm快速创建 Vue.js 项目(npm类似)

    目录 pnpm 创建一个 Vue.js 项目 前提准备: 运行创建命令: 选择项目配置:(按需选择) cd +项目名:(进入项目终端) 安装项目依赖: 运行项目: 前提准备: 确保已安装 pnpm。如果没有,请运行以全局安装 pnpm。 npm install -g pnpm 打开终端并导航到要在其中创建项目的目录。

    2024年02月10日
    浏览(50)
  • npm、yarn、pnpm

    一、简介 CommonJS 的出现,使 node 环境下的 JS 代码可以用模块更加细粒度的划分。一个类、一个函数、一个对象、一个配置等等均可以作为模块,这种细粒度的划分,是开发大型应用的基石。 为了解决在开发过程中遇到的常见问题,比如加密、提供常见的工具方法、模拟数据

    2024年02月10日
    浏览(56)
  • Pnpm,npm,yarn

    npm   最初的npm只是简单的通过依赖去递归安装包,所以说每个依赖都会有自己的node_modules,node_modules是嵌套的。一个项目会存在多个包,多个包之间难免会有公共的依赖,node_modules嵌套的话,这样公共依赖就会下载多次。会造成磁盘空间的浪费,较长的下载时间,文件路径过

    2024年02月09日
    浏览(51)
  • 安装 yarn、pnpm、功能比较

    官网:https://classic.yarnpkg.com/ 快速、可靠和安全的依赖性管理。 Yarn是您代码的软件包管理器。它允许您使用和共享(例如JavaScript)与来自世界各地的其他开发人员一起编写代码。Yarn是一个新的快速安全可信赖的可以替代 NPM 的依赖管理工具。Yarn 一种取代 npm 的 Node的模块管

    2024年02月03日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包