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目录
放置编译打包后的文件,这将是未来用在生产环境的包。