FE - 走向Node与Webpack 之路 - Node , NPM ，Webpack 命令总结

NPM

• npm -v : 查看版本
• npm install npm -g ：升级 npm
• npm install < module name> : 安装模块，-g 代表全局安装
• npm ls -g : 查看以安装模块
• npm uninstall < module name> : 卸载模块
• npm update < module name> : 更新模块
• npm search < module name> : 搜索模块
• npm init ： 创建 module下， package.json
• npm init -y : 直接创建一个 简单的 package.json文件
• npm adduser : module 创建用户
• npm publish : 发布 module
• npm unpublis < package>@< version> 可以撤销发布自己发布过的版本
• npm cache clear : 清楚NPM本地缓存
• npm run build : 编译module

---

Node

• node ：进入命令行
• .exit ：退出命令行
• node -v ：查看版本
• node xx.js :运行js
• module - package.json 说明
  Package.json 属性说明
  name - 包名。
  version - 包的版本号。
  description - 包的描述。
  homepage - 包的官网 url 。
  author - 包的作者姓名。
  contributors - 包的其他贡献者姓名。
  dependencies - 依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_module 目录下。
  repository - 包代码存放的地方的类型，可以是 git 或 svn，git 可在 Github 上。
  main - main 字段是一个模块ID，它是一个指向你程序的主要项目。就是说，如果你包的名字叫 express，然后用户安装它，然后require(“express”)。
  keywords - 关键字;
  scripts : 执行脚本命令 build时候

---

WebPack 2.0

前端资源模块化管理和打包工具

基本命令

• npm install webpack -g : 全局安装
• npm init -y
• npm install webpack –save-dve : 依赖配置到package.json
• npm install webpack –save-dev webpack: 安装webpack
• npm install –save lodash : 管理javascript 文件

• npm install webpack-dev-server –save-dev : 安装webpack调试工具

• webpack 简单编译
  .\node_modules.bin\webpack app\index.js dist\bundle.js

• webpack 简单编译 ： webpack.config.js
  .\node_modules.bin\webpack –config .\app\webpack.config.js

• npm 进行编译 ： package.json 和 webpack.config.js 最好在同一个目录

• webpack –display-error-details ：debug模式，方便查看错误信息

• webpack –config xx.js :使用webpack.config.js 进行打包
• webpack –watch : 监听变动并自动打包（自动化很重要）
• webpack -p : 压缩混淆脚本，好比js min 版
• webpack -d : 生成map映射文件，告知那些模块最终打包到哪里去了