webpack ------ 服务器

这里记录学过的webpack搭建服务器，各种服务器功能不同，按需选择。2017年1月16日 11:12:28

1.webpack-dev-server

1.简介

webpack-dev-server可以创建一个本地服务器并server我们打包后的代码。代码更改保存后，浏览器自动刷新。

2.配置

全局安装

npm install webpack-dev-server -g

或本地安装

npm install webpack-dev-server --save-dev

module.exports = {
    ...
    devServer:{
        contentBase: BundlePath, //本地服务器所加载的页面所在的目录
        port: 8888, //端口
        hot: true,
        colors: true, //终端中输出结果为彩色
        historyApiFallback: true, //不跳转
        inline: true //实时刷新
    }
}

启动:

webpack-dev-server --hot --inline

此时服务器启动，并自动监听源文件改动，保存后自动打包，浏览器刷新。
注意：此时的打包并未直接在build内更新文件！！

启动命令时，在webpack.config.js中读取配置，然后启动。与webpack -w不要搞混。启动webpack并没有启动服务，只是执行了打包。

3.proxy代理设置