上一篇我们讲了一件事,那就是webpack的文件如何打包,使用命令还是使用配置文件,通过配置文件将打包命令变得更简单,最后打包命令可以简略成npm start或者npm run build等。
那今天聊啥了?
众所周知Webpack有两大利器,那就是Loaders和Plugins,这篇不会涉及到这两部分内容,为了能很好的用实例讲清楚Loaders和Plugins的相关内容,今天先来搭好一个本地服务器。
开启本地服务
为了方便查看我们的运行结果,需要搭建一个本地服务器,Webpack提供了一个可选的本地开发服务器,这个本地服务器基于node.js构建,可以实现我们想要的这些功能,不过它是一个单独的组件,在Webpack中进行配置之前需要单独安装它作为项目依赖。
npm install --save-dev webpack-dev-server
安装好了之后,在配置文件中加入它的配置项:
再在文件中加入命令行启动项:
终端中输入npm run dev启动服务。现在就可以在浏览器中访问localhost:8080
总结:
今天我们学会了搭建一个简易服务器,这样接下来讲解Webpack的Loaders和插件就会很方便。
全文若有讲的不对的对方,欢迎留言指正,我会一一回复。
短内容,说完整事,哪怕只读一篇也能学知识。点击关注,谢谢您的鼓励!