《和小米一起学Vue.js》— webpack搭建本地服务器

在开发过程中，我们每修改一次代码都需要自己手动重新编译一次，这样做很繁琐，可以安装一个本地自编译的服务器来替我们做这些事，只需要在最后保存的时候，手动运行一次即可。

安装webpack-dev-server

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

修改webpack.config.js

module.exports = {
  devServer: {
    static: './dist',
    //devServer 4 开始,热更新自动开启,无需下面的inline启动配置
    inline:true
  },
}

webpack-dev-server 在编译之后不会写入到任何输出文件。而是将 bundle 文件保留在内存中，然后将它们 serve 到 server 中，就好像它们是挂载在 server 根路径上的真实文件一样。    

修改package.json

{
  "scripts":{
    "start": "webpack serve --open"
  },
}

npm start

代码下载

下载地址：  密码：8k57