Mac webpack自动刷新

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

• 首先安装webpack:

sudo npm install webpack -gnpm 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.jsvar 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