npm简单指令

1.npm init 初始化项目
生成package.json,其是用来存放项目的信息和配置等信息的文件
在进行项目传递的时候不需要将项目依赖包一起发送给对方,对方在接受到你的项目之后再执行npm install就可以将项目依赖全部下载到项目里。

package name:    你的项目名
version:         版本号
description:    对项目的描述
dependencies/devdependencies:   运行/开发环境依赖包列表,会被安装在node_module目录下
main:   项目的入口文件 require('moduleName')会加载文件,默认是模块根目录下的index.js
bin:    用来指定各个内部命令对应的可执行文件的位置。
scripts:   指定了运行脚本命令的npm命令行缩写
config:  用于添加命令行的环境变量。
keywords:   项目关键字
author:      作者的名字
license:     发行项目需要的证书

2.npm install 安装依赖
直接执行,npm会根据package.json配置文件中的依赖配置下载安装
-global=-g,全局安装,安装后的包位于系统预设目录下
--save=-S,安装的包将写入package.json里面的dependencies.
--save-dev=-D,安装的包将写入packege.json里面的devDependencies
3.npm run build 打包文件
从package.json 中可以看出,npm run build,其实是执行了 node build/build.js
build主要的工作是:
①检测node和npm版本
②删除dist包
③webpack构建打包
④在终端输出构建信息并结束
⑤如果报错,则输出报错信息

4.执行npm run dev或者npm run start
实际是在node环境执行build/dev-server.js
dev-server.js会去拿到config中的端口等配置
通过express起一个服务,通过插件自动打开浏览器
加载webpack编译后放在内存的bundle。

执行npm run build
实际上执行了build/build.js
通过webpack的一系列配置及插件
将文件打包合并丑化,并创建dist目录
放置编译打包后的文件,这将是未来用在生产环境的包。

全部评论

相关推荐

评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务