﻿/**
 * npm install cnpm -g --registry=https://registry.npm.taobao.org
 * cnpm install --save
 * cnpm install rimraf -g 删除node_modules目录 rimraf node_modules
 * webpack --display-error-details --progress --watch
 * webpack --display-modules --colors --profile
 * --json > stats.json 输出 stats.json文件，打开webpack analyze（http://webpack.github.io/analyse/），上传这个文件进行分析
 * --watch 监控
 * --progress 输出进度条
 * --colors 输出结果带彩色，比如：会用红色显示耗时较长的步骤
 * --profile 输出性能数据，可以看到每一步的耗时
 * --display-modules 默认情况下 node_modules 下的模块会被隐藏，加上这个参数可以显示这些被隐藏的模块
 *
 * webpack --config webpack/webpack.dev.js --display-error-details --progress --profile --watch
 * webpack --config webpack/webpack.prod.js --progress --profile --bail
 * webpack --config webpack/webpack.dll.js --progress --profile --bail
 */

 利用 BrowserSync 实时显示修改内容
 cnpm install browser-sync -g
 // 监听css文件
 browser-sync start --server --files "css/*.css"
 // 监听css和html文件
 browser-sync start --server --files "css/*.css, *.html"
 // 主机名可以是ip或域名
 browser-sync start --proxy "主机名" "css/*.css"
 browser-sync start --proxy "Browsersync.cn" "css/*.css"