智能家居本地服务器(搭建本地服务器)

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

智能家居本地服务器(搭建本地服务器)(1)

那今天聊啥了?

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

开启本地服务

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

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

智能家居本地服务器(搭建本地服务器)(2)

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

智能家居本地服务器(搭建本地服务器)(3)

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

智能家居本地服务器(搭建本地服务器)(4)

总结:

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

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

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

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。