多个vue项目复用一个node_modules的问题
目录
- 多个vue项目复用一个node_modules
- vue项目共用node_modules问题
- 目的
多个vue项目复用一个node_modules
公司的好多个vue小项目的依赖包基本是一样的,项目完成的系统也是差不多的系统,为了减少冗余文件,同事跟我说,要让这些项目都共用一个node_modules。
首先我用npm i安装了一个node_modules,然后把该目录放到了所有项目的根目录下。
D:\Project\node_modules
D:\Project\ProjectA
D:\Project\ProjectB
D:\Project\ProjectC
然后修改了电脑的环境变量,变量名为:NODE_PATH,变量值为:D:\Project\node_modules,也就是node_modules所在位置的文件路径。
搞完这些后,没有使用npm i安装依赖包的项目,也可以直接使用npm run serve运行起来。并且该指令会使得该项目下包含一个拥有该文件夹的node_modules文件夹。
但是我用移动端插件进行移动端组件适配(https://www.jb51.net/article/263274.htm)的项目却出现了报错(https://www.jb51.net/article/256264.htm),最后我在根目录下新增一个名为postcss.config.js的文件,问题剧解决了。
终于,我的多个vue项目可以共用一个node_modules文件夹,但是我不知道为何,我把项目的文件复制到连接内网的远程上面,项目却跑不起来。
明明在我自己的电脑上面我断开网络,没有npm i下载依赖包,也可以成功运行项目。
我不知道是不是因为缓存的问题,我更换了自己电脑项目的文件位置,也可以实现。就是远程电脑上面没有办法搞,不知道为什么…
vue项目共用node_modules问题
目的
多个项目共用node_modules,避免每个项目重复npm install
1、使用grunt实现npm包管理
npm install -g grunt-cli //全局安装
以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
vue项目总结之文件夹结构配置详解
前言 之前一段时间都在使用 vue 开发后台管理系统,在摸索的过程中对 vue 本身和模块化.规范化开发有了更深的认知,现在记录下来,希望对其他需要开发项目的人有帮助. 基于 vue.js 的前端开发环境,用于前后端分离后的单页应用开发,可以在开发时使用 ES Next.scss 等最新语言特性.下面随着小编来一起学习学习吧. 项目配置 首先,在确定好使用的框架和组件库后,先要大致了解它们,做到文档基本熟悉.本次开发使用到的有: vue , vuex , axios , elementUI .
-
nginx部署多个vue项目的方法示例
上一篇已经介绍了然后配置web项目:今天由于公司需求,需要在同一域名端口下,部署两个项目:今天花了一上午终于弄好了,选择赶紧做一个笔记. 如何连接阿里云服务器就不在这里说了,请看我以前的文章. 首先需要的效果 http://47.97.244.83/login http://47.97.244.83/student/login 文件目录 两个项目并列在同一文件夹内. 准备好两个vue的项目 http://47.97.244.83/login:这个不用修改配置直接build就可以.关键是二级域名的
-
vue中node_modules中第三方模块的修改使用详解
最近用vue在做一个项目,github用上找了一个日历插件,intall到了本项目中,配好以后发现插件的样式风格和项目总体风格相差较大,所以就像这个改一下插件风格, 第一种方法:我直接在父组件中将style标签的scoped的属性去掉了,在父组件中直接写了想要的样式,重叠样式全部!important,结果确实生效了 第二种方法:本想这个要是样式这么改,还有路可走:要是插件的底层方法呢,如果有对外开发的修改入口还行,要是没有,可咋办,于是想着能不能直接去改下这个插件,这样直接一锤子到底, 在nod
-
多个vue项目复用一个node_modules的问题
目录 多个vue项目复用一个node_modules vue项目共用node_modules问题 目的 多个vue项目复用一个node_modules 公司的好多个vue小项目的依赖包基本是一样的,项目完成的系统也是差不多的系统,为了减少冗余文件,同事跟我说,要让这些项目都共用一个node_modules. 首先我用npm i安装了一个node_modules,然后把该目录放到了所有项目的根目录下. D:\Project\node_modulesD:\Project\ProjectAD:\Pro
-
在vue项目实现一个ctrl+f的搜索功能
这次在项目中遇到了一个要做一个搜索功能,因为项目是vue的,而且是在手机端,所以对这个搜索功能的实现和能做到什么样子都没有底,在网上研究了一会,发现大家的解决方法都各有特色,有引入第三方包的,有遍历的,确实都可以实现,但我觉得在vue中这样的方法也太过繁琐了,于是经过一段时间的查询与思索后我自己写了个简单的方法,并记录下自己思索的过程 第一步 明确寻求 产品的一万种奇怪要求 对于开发来说,应该要知道自己需要什么,不需要什么,理解pm的需求,把功能以最符合ue的样子呈现出来,而这次的功能需求是非常
-
多个vue项目实现共用一个node-modules文件夹
多个vue项目共用一个node-modules文件夹 问题背景 一个目录下有多个vue项目. >> root -- my-vueproject-a -- package.json -- node-modules -- my-vueproject-b -- package.json -- node-modules ... 期望结果 将所有vue项目中的依赖包提取为一个 >> root -- my-
-
详解Vue项目在其他电脑npm run dev运行报错的解决方法
一个 Vue 项目从一台电脑上传到 github 上之后,再另外一台电脑上 git clone .并使用 npm run dev 或 npm run start 发生以下报错的解决方法. 报错原因 缺少 node_modules 里面的依赖.在项目目录下使用 npm install 然后再 npm run dev. 如果在这一步当中, npm install 执行的过程中,处于一直卡顿的状态.说明网络状况不佳.建议使用 cnpm 淘宝源. 淘宝源 使用 cnpm -v 查看是否已经安装 cnpm
-
vue项目常用组件和框架结构介绍
vue项目基础结构 一个vue的项目,我觉得最小的子集其实就是{vue,vue-router,component},vue作为基础库,为我们提供双向绑定等功能.vue-router连接不同的"页面",component作为样式或者行为输出,你可以通过这三个东西来实现最基本的静态SPA网站.当然我在这里不谈vue全家桶这样宽泛的概念,我会如数家珍的把主要的技术点一一列举. 1.vue-cli:搭建基本的vue项目骨架,脚手架工具 2.sass-loader&node-sass:我
-
vue项目及axios请求获取数据方式
目录 一.首先导入用到的组件和axios 二.在data中将要用到的数据给一个初始值,为空 三.在methods中写方法,发送axios获取数据 四.传递数据 五.封装 axios axios拦截器 一般vue项目中 一个页面是由多个组件组成的,各个组建的数据都是统一在主界面的组件中发送axios请求获取,这样极大地提高了性能. 一.首先导入用到的组件和axios import HomeHeader from './components/Header' import HomeSwiper fro
-
vue项目使用websocket连接问题及解决
目录 vue使用websocket连接 前景 解决过程 vue2全局使用websocket记录 新建ws模块文件 在main.js中引用ws模块文件 App.vue挂载时再次连接服务器并且接收消息 vue使用websocket连接 前景 公司做一个包含websocket的项目,我用的是vue做的,开始只有一个组件的要求demo,就将websocket的配置直接放在组件方法中,组件挂载时直接初始化ws,但是后续组件增加,开始出现多个websocket链接的情况,是不允许的. 刚开始的做法是将web
-
使用命令行工具npm新创建一个vue项目的方法
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用.该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程. 只需几分钟即可创建并启动一个带热重载.保存时静态检查以及可用于生产环境的构建配置的项目: # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project $ vue init webpack test //输入命令 ? Project
-
解决新建一个vue项目过程中遇到的问题
我就废话不多说了,大家还是直接看代码吧~ /usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npm-cli.js run dev --scripts-prepend-node-path=auto > mytodolists@1.0.0 dev /Users/chenqiurui/WebstormProjects/myVue > webpack-dev-server --inline --progress --config build
-
手把手教你搭建一个vue项目的完整步骤
目录 一.环境准备 1.安装node.js 2.检查node.js版本 3.为了提高我们的效率,可以使用淘宝的镜像源 二.搭建vue环境 1.全局安装vue-cli 三.创建vue项目 1.用cmd命令创建项目 1.1创建文件 1.2选择配置信息 1.3选择版本 1.4路径模式选择 1.5语法代码格式检查 1.6第三方文件存在的方式 1.7是否保存本次配置信息(保存预设) 1.8创建成功 1.9运行 1.10启动 1.11停止服务 2.用vue资源管理器创建 2.1进入vue资源管理器界面(vu
随机推荐
- 品味Spring 的魅力
- 纯js模拟div层弹性运动的方法
- 基于ajax实现点击加载更多无刷新载入到本页
- jQuery layui常用方法介绍
- jquery ajax实现批量删除具体思路及代码
- 详解MySQL恢复psc文件记录数为0的解决方案
- c# List find()方法返回值的问题说明(返回结果为对象的指针)
- Android实现仿通讯录侧边栏滑动SiderBar效果代码
- Java overload和override的区别分析
- php简单获取复选框值的方法
- 用PHP实现小型站点广告管理(修正版)
- Android四大组件之Service(服务)实例详解
- Android 使用【AIDL】调用外部服务的解决方法
- Android编程实现自定义进度条颜色的方法
- Android Monkey压力测试详细介绍
- 70行Java代码实现深度神经网络算法分享
- vue element-ui 绑定@keyup事件无效的解决方法
- Python中asyncio模块的深入讲解
- MySQL8.0 DDL原子性特性及实现原理
- linux(ubuntu)用户连续N次输入错误密码进行登陆时自动锁定X分钟