npm&npm-scripts使用整理

1、npm是什么?

nodejs包管理工具及平台,包含了大量的插件(组件),基本我们常用的都在里面了。

2、npm的安装(升级)

npm一般跟随nodejs一起安装了,我们需要做的可能是升级npm版本

npm install npm@latest -g

如果安装npm包时遇到权限问题,使用给chown -R user dir授权即可

3、安装npm包

npm install <package_name> /*安装到本项目(仅仅本项目可以使用)*/
npm install -g <package>   /*安装到全局*/

4、使用package.json

为了管理本地的安装包,最好新建一个package.json文件。

npm init

这里面可以设置项目依赖的一些npm包

dependencies:生产环境需要的

devDependencies:开发和测试过程需要的

安装npm包的时候可以设置参数,自动写入package.json

npm install <package_name> --save /*生产环境*/
npm install <package_name> --save-dev /*开发和测试*/

对一个已有的项目只需要执行:npm install,会根据项目根目录下的package.json里面的配置自动下载最新的依赖

更新安装包执行:npm update

更新全局:npm update -g

卸载node_modules里面安装包:npm uninstall <package_name>

卸载并且从package.json里面移除dependencies:npm uninstall –save <package_name>

卸载并且从package.json里面移除devDependencies:npm uninstall –save-dev <package_name>

全局卸载:npm uninstall -g <package>

5、npm scripts

我们有很多的构建工具,层出不穷,我也考虑了很多,选择去学习使用哪一款,最后决定使用npm来构建,通过配置package.json中的scripts节点。使用npm run命令来执行对应的任务(less,uglify-js,html-minifier)

例如配置less,命令行只需运行npm run less 即可编译less到css

{
 "name": "vanui",
 "version": "1.0.0",
 "scripts": {
 "less":"lessc ./src/style/vanui.less ./dist/style/vanui.css"
 }
}
作者:张雪飞
出处:https://zhangxuefei.site/p/1838
版权说明:欢迎转载,但必须注明出处,并在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

发表评论

电子邮件地址不会被公开。 必填项已用*标注