前端子项目共用node_modules

这篇具有很好参考价值的文章主要介绍了前端子项目共用node_modules。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目目录结构如下

前端子项目共用node_modules,前端

首先按上面的结构新建三个项目,有一定前端经验的都知道怎么处理,我就不多介绍了。

1,子项目1     package.json如下,我只安装了vue

前端子项目共用node_modules,前端

index.js如下

前端子项目共用node_modules,前端

2,子项目2    package.json如下,我安装了vue 和axios

前端子项目共用node_modules,前端

3,在安装完依赖后,把子项目1和子项目2中的node_modules删除。

4,父项目package.json配置如下

前端子项目共用node_modules,前端

父项目index.js如下

前端子项目共用node_modules,前端

5,进入父项目根目录,执行npm i 安装依赖,然后执行项目中的index.js。一切正常,而且node_modules中只有一个VUE,可供两个子项目使用。文章来源地址https://www.toymoban.com/news/detail-777680.html

到了这里,关于前端子项目共用node_modules的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 【JS每N日一练】【自动化】gitcode创建子项目并导入git

    需求 github访问时好时不好的,而且克隆代码及其麻烦,经常失败。所以小编往往是把代码先在国内做个镜像,然后再下载。 gitcode 目前使用还是挺方便的,今天就以gitcode为例,写两个脚本,加速代码下载。 手动操作 注册并登录自己的仓库主页:https://gitcode.net/dashboard/proje

    2024年02月03日
    浏览(39)
  • 【移动端网页布局】flex 弹性布局子项目属性 ① ( flex 属性用法说明 | 代码示例 : 占有剩余布局 / 平均分成若干等份 )

    flex 子项目 的常用属性 : flex 属性 : flex 子项目 在 flex 父容器 中 占有的 份数比例 , 如果都设置 1 , 那么将对应尺寸平分即可 ; align-self 属性 : 控制 flex 子项目 在 侧轴 的排列方式 ; order 属性 : 控制 flex 子项目 的排列顺序 ; 主要是修改前后顺序 , 原来是 1 - 2 - 3 排列顺序 , 可以

    2024年02月09日
    浏览(53)
  • 上传前端node_modules依赖包镜像至Nexus

    一、构建项目依赖镜像 1、安装yarn 2、先我们需要设置⼀个⽬录作为我们的“离线镜像”存储,我们可以通过yarn config 命令来实现。 默认在C盘中 C:UsersAdminnpm-packages-offline-cache下,之后会在当前项⽬路径⽣成⼀个npm-packages-offline-cache 文件夹用来存放构建的.tgz离线⽂件 3、移动

    2024年02月20日
    浏览(41)
  • 【异常】Jenkins执行前端项目Npm构建时,出现报错This dependency was not found: vue-class-component in ./node_modules/vu

    同事的代码变更,导致了在Jenkins无法执行构建 错误的原因是项目中引入了vue-class-component,但是在项目的依赖列表中,却没有找到它,因此会报如上的错误。 vue-class-component是一个用于类式Vue组件的TypeScript装饰器。 它允许您将Vue组件定义为类,这可以使您的代码更有组织性和

    2024年02月03日
    浏览(58)
  • Vue项目快速删除node_modules文件

    vue项目开发过程中,需要重新安装node_modules文件,但删除之前的node_modules文件较慢,推荐使用命令的方式可以提高开发效率。

    2024年04月28日
    浏览(41)
  • 【项目实战】npm 删除node_modules的多种方式

    方法一、CMD命令 快速删除 node_modules 文件夹(3分钟可以搞定) rd /s /q node_modules 方法二、PowerShell命令 快速删除 node_modules 文件夹(推荐这个,速度较快) Remove-item -Force -Recurse node_modules 方法三、利用 npm包 rimraf 快速删除 node_modules 文件夹 先全局安装npm包 npm install rimraf -g 删除

    2024年03月21日
    浏览(97)
  • Vue项目清理本地缓存并删除node_modules

    1. 在linux系统下,清缓存,删除node_modules 2. 在windows系统下,清缓存,删除node_modules 法一:利用 powershell 执行(推荐,速度快,秒删) 法二:利用 npm 下载 rimraf 执行 如果执行到“删除node_modules文件夹”的步骤不好用了,请直接手动删除node_modules文件

    2024年02月08日
    浏览(38)
  • 记录一下公司uniapp项目安装node_modules失败问题

    刚开始把代码拉下来没有安装node_modules直接用hbuildx工具运行在小程序模拟器中,但是启动不起来,提示找不到\\\'uni-read-pages\\\'模块  然后我就npm install 一下,结果安装失败,翻译过来是报的什么字符错误信息,然后百度了一下好像是node版本和npm版本的问题,我当时的node版本是

    2024年02月02日
    浏览(40)
  • vue项目node_modules越来越大的问题

    有一个vue项目,发现它的占用空间越来越大,一看是node_modules占用已经100多G了,然后测试了每次编译运行就会增大几百兆,日积月累,磁盘都快装满了。 但是并不想删除node_modules重装,后来找到了是CompressionWebpackPlugin插件开启了GZIP压缩,缓存越来越大的问题,在vue.config.j

    2024年02月11日
    浏览(45)
  • npm命令删除开发项目中的node_modules文件夹

    1.使用rimraf: 2.使用npx: 3.使用npm自带的命令: 如果你只是想卸载某个特定的依赖包(比如nodemon),可以使用npm uninstall命令。如果依赖包被列在package.json文件的devDependencies中,则需要使用–save-dev参数 在npm中,也可以使用npm rm命令删除node_modules目录。该命令用于从本地文件

    2024年02月05日
    浏览(57)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包