Mac webpack自动刷新

博主看了教程，然后在自己的MacBook Air上试用了一下，下面我将具体步骤介绍如下：

• 首先安装webpack:

sudo npm install webpack -g
npm install webpack --save-dev

安装的路径基本上在/usr/local/lib/node_modules/webpack

• 其次，如果你要用webpack打包的东西有css等，就需要安装loader
  sudo npm install css-loader style-loader --save-dev

  我这里就直接介绍自动刷新的了

  首先自己先新建一个文件webpack.config.js
  解释一下：我们的index.js里面可能引用了其他js文件，所以我们需要将它编译成一个文件build.js,最后，在这个文件中就包含了所有的依赖，我们在index.html中，就只需要引用这个文件就行了
  再将其中内容按如下配置：

/usr/local/lib/node_modules/webpack/webpack.config.js
 module.exports = {
    entry:"./test/index.js",
    output:{
        path:"./testBuild/",
        filename:"build.js"
    },
    module:{
        loaders:[
            {
                test:/.css$/,         // 是一个正则表达式  在文件夹中找后缀是.css的文件
                loaders:["style","css"],
                exclude:"/node_modules/"   //匹配后缀时候不包括这个文件夹
            }
        ]
    }，
    resolve:{
            extensions:[",'.js','.css''.jsx'"]   //自动补全识别后缀，index.js里面不用再写后缀
        }
}

/usr/local/lib/node_modules/webpack/test/index.js
var str = require('./app.js');

require('./style.css');

document.body.innerHTML="<h1>"+str+"</h1>";

• 下载webpack-dev-server

 sudo npm install webpack-dev-server -g

• 启动webpack-dev-server

一个终端写命令
webpack-dev-server --port 3000   //自动刷新 刷新整个页面
另一个终端
sudo webpack --watch