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

全部评论

相关推荐

时间线: 1.4-1.5: boss 牛客 官网 实习僧海投了两天, 感觉确实没啥招人的啊, 心里凉了一半.1.6: 中午快手约面, 下午字节hr飞书私聊约面, 当时想着第一次面大厂感觉三个过一个一面就已经赢了.1.7: 下午 3点大厂处女面, 哈哈面试官是重邮红岩的直接保送; 5点快手一面, 我说这个是我的第二次大厂面试, 面试官问要是拿到字节和快手选择哪个, 我说昨天看了一晚上快手百分百选快手哈哈哈. 晚上5.30字节约二面, 快手约二面, 小红书约一面.1.8: 下午2点快手二面, 聊天面体验非常好(当天电话确认入职时间); 4点字节二面这次不是校友了, 然后有一个CSS实现switch效果的忘记属性咋写了, 感觉危了; 7.30 问字节hr是不是挂了; 9点开始小红书一面, 难死我了, 但我还是笑着面完了, 然后卸载了小红书, 但是过了一会会小红书hr约二面, 遂下回来了字节约三面.1.9: 下午2点字节三面, 依旧聊天+算法, 自己太菜了有一个写错了, 面完感觉又危了; 5点面小红书20min结束(offer审批);5.30又去问字节hr是不是挂了, hr小姐姐说干嘛用一个句式, 我说手写题又又又没写出来😂, 2min后约hr面;8.30 快手offer总结, 自己运气好遇到了好公司好部门好面试官, 字节剪映 快手电商 小红书支付的面试体验都非常好, 不会的题会带你一步一步思考, 流程也非常快全部都是当天推进, 小红书是以分钟为单位推进.  面经以及细节等我慢慢整理,  以及保佑所有的审批不要出问题, 我是真怕最后全过了0offer😂bg: 重邮 大数据 蓝山工作室 一段非大厂实习
独角仙梦境:这是真👻了
找实习记录
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务