webpack

github:http://webpack.github.io/

将一切打包（将css也打包到js中）

全局安装：

 $ npm i webpack -g

打包：

webpack [a] [b]

热替换：仅是改变内存中的内容（webpack做的优化，提高效率），因此要得到最终的包，需要手动webpack下

node中获取当前文件物理路径：__dirname

npm i webpack-dev-server -g

可能出现的错误：

错误一：

1、若是cnpm安装的uglify，换成npm安装

2、若是es6或更高版本的编译，安装babel-preset-env，并配置

3、我的app.js中有这样的代码，

let img = new Image();
img.src = abc;

注释掉就可以了

错误二：无法切换编译环境？以下是修改后的package.json配置

 "scripts": {
    "dev": "set NODE_ENV=dev&&webpack&&webpack-dev-server",
    "build": "set NODE_ENV=prod&&webpack",
    "macdev": "export NODE_ENV=dev && webpack && webpack-dev-server",
    "macbuild": "export NODE_ENV=prod&&webpack"
  },

因为在windows环境下set NODE_ENV=dev 设置环境变量，dev后不能像mac系统上带空格来分割