智能家居本地服务器（搭建本地服务器）

上一篇我们讲了一件事，那就是webpack的文件如何打包，使用命令还是使用配置文件，通过配置package.json文件将打包命令变得更简单，最后打包命令可以简略成npm start或者npm run build等。

那今天聊啥了？

众所周知Webpack有两大利器，那就是Loaders和Plugins，这篇不会涉及到这两部分内容，为了能很好的用实例讲清楚Loaders和Plugins的相关内容，今天先来搭好一个本地服务器。

开启本地服务

为了方便查看我们的运行结果，需要搭建一个本地服务器，Webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js构建，可以实现我们想要的这些功能，不过它是一个单独的组件，在Webpack中进行配置之前需要单独安装它作为项目依赖。

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

再在package.json文件中加入命令行启动项：

终端中输入npm run dev启动服务。现在就可以在浏览器中访问localhost:8080

总结：

今天我们学会了搭建一个简易服务器，这样接下来讲解Webpack的Loaders和插件就会很方便。

全文若有讲的不对的对方，欢迎留言指正，我会一一回复。

短内容，说完整事，哪怕只读一篇也能学知识。点击关注，谢谢您的鼓励！

,