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映射文件，告知那些模块最终打包到哪里去了