纯内网环境开发vue,node_modules拷贝复制问题

本文介绍在无网络的内网环境下进行Vue项目开发的两种方法:一是预先下载所有依赖并通过安全流程传递,二是使用CDN引入资源。详细对比了npminstall与cnpminstall的差异,以及如何配置npm以提高依赖下载速度。

开发板推荐:天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

因公司业务,有可能做到涉密项目,所以内网开发区时绝对不允许上网的。当时想用vue还是费了一番周折才找到办法

方案一

当然是现在外网把node_modules全部下载好,然后拷贝给安全员,让他们通过相应流程发给内网的我们。

下载依赖一定要用 npm install

对比cnpm install 与 npm install的区别

1、 npm install的node_modules
在这里插入图片描述
打开 @开头的文件目录
在这里插入图片描述

目录太多挑选不一样的目录格式截图

2、cnpm install的node_modules目录
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

可以看到根目录,和@开头的文件下都有很多快捷方式。

快捷方式是复制不过去真实引用文件的。

复制过程如果依赖很多的话可以分多次复制

解决访问慢的方法: npm设置淘宝代理

npm config set registry https://registry.npm.taobao.org

方案二

使用cdn的方式引入
当时也是在github上找了一个例子,并做了修改
地址:https://lastboy1228.github.io/vue-developing-without-npm/

在这里插入图片描述
当然 此种开发方式不推荐,也有很多弊端,比如:es5 babel转换、webpack、less等都需要重新配置。

开发板推荐:天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值