美文网首页实战问题
前端构建之npm包管理

前端构建之npm包管理

作者: 技术与健康 | 来源:发表于2015-10-09 09:23 被阅读16次

用过npm的都知道

        npm install 默认安装到本地

        npm install -g 安装到全局。

但npm install -g是否可以把package.json中的依赖安装到全局呢?

赶紧去试一下。

。。。。。。。。。。。

不行。

这里交代下为什么会考虑到把所有依赖都安装到全局,因为我们在项目构建时,jekins拉下代码后,默认都要先npm install安装依赖到当前目录,然后npm run build做构建,构建完的dist压缩打包拷贝到发布目录,然后把jekins目录下的代码删除,也就意味着会把对应的node_modules删除。这样每次构建都要执行一次install,npm官方仓库肯定是不行了,

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

设置到淘宝镜像。

有人就说了既然可以全局安装,为什么不全局安装,这样就不用每次下载了。好注意!

回到上文,npm install -g 并不能把依赖直接安装到全局,因此自己写了一个prebuild.js,

遍历package.json中的依赖,并用npm i -g XXX逐个安装。

安装成功了,但是去buid时,依然报找到不到...........xxx  npm包,

 看到网上有人说设置下NODE_PATH ,找到npm包安装的全局路径:

export NODE_PATH=/usr/local/node-v6.11.2-linux-x64/lib/node_modules

设置完后,ok了。可以啊。那以后就用每次删除再下载了。

这里NPM的全局路径可以npm root -g 查看,并通过npm config set prefix '目标目录' 修改。(查看npm config get prefix 或者用npm root -g命令也可 )

成功了吗?

一个项目是ok的,如果多个项目呢? 如果不同项目引用到同一个包的不同版本,此时依赖版本的管理就无法依赖npm了,就需要自己写代码来管理了。

当然这里面也有一个之前使用过的方法:

就是在构建服务器上,建一个公共目录,再在下面按照各项目目录,预先安装好各项目的依赖包。

在jekinks构建脚本中,在执行npm install前,看公共目录是否存在该项目命令的目录,存在直接拷贝过来就可以。如果没有,那就切换到那个目录下,去安装,然后在切换回来,再拷贝,再构建。

这样依赖包的本地管理,也能解决一定的问题。

附npm包管理一些命令

npm update moduleName:更新node模块 

npm rebuild moduleName 

npm view moudleName dependencies:查看包的依赖关系 

npm view moduleName repository.url:查看包的源文件地址 

npm view moduleName engines:查看包所依赖的Node的版本 

npm outdated:检查包是否已经过时,此命令会列出所有已经过时的包,可以及时进行包的更新

无论你在哪个文件夹 执行 npm link xxx , 如果没有xxx模块, 那么xxx就会先安装在全局, 然后再从全局link过来

相关文章

  • 前端构建之npm包管理

    用过npm的都知道 npm install 默认安装到本地 npm install -g 安装到全局。 但npm ...

  • peerdependency的作用

    探讨npm依赖管理之peerDependencies 引言 想必前端同学对npm的devDependencies和...

  • 使用npm发布自己的npm组件包

    作为前端攻城狮,npm包管理是需要经常使用的,封装自己的组件包,方便使用是有必要的,仅记录发布npm组件包的过程,...

  • 11月问题汇总

    1. 前端项目 服务器端 构建+发布 和 本地构建 服务器端发布 的优缺点 2. NPM包版本号和 ^ ~ 的坑 ...

  • 微信小程序构建npm包

    微信小程序 没有找到可以构建的npm包 若项目之前未使用npm管理依赖(项目根目录下无package.json文件...

  • package.json 中的属性详解

    npm是前端开发人员广泛使用的包管理工具,项目中通过package.json来管理项目中所依赖的npm包的配置。p...

  • 发布一款npm包帮助理解npm的使用

    npm 在前端工程化中扮演着不可或缺的角色,前端工程师每天通过npm安装项目依赖,通过npm发布自己的包,更新包,...

  • 交互式命令行美化工具——inquirer.js

    前言:现在前端写项目估计都是使用 NodeJs 来构建,一般在安装 npm 包的时候,我们会对项目进行初始化,这是...

  • jenkins前端构建指南-npm包管理

    运维同学最近搭建了N套构建环境,每到前端构建,因为种种原因,就会导致npm包下载出问题。一出问题,就打断我既有的工...

  • 小程序npm构建问题

    实践遇到,npm构建完报错,找不到某个npm包。 【解决方案】 确认 miniprogram_npm 是否已经存在...

网友评论

    本文标题:前端构建之npm包管理

    本文链接:https://www.haomeiwen.com/subject/ifuncttx.html