简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

vue-cli的webpack模板项目配置文件分析

来源:易贤网   阅读:1482 次  日期:2017-04-06 14:38:05

温馨提示:易贤网小编为您整理了“vue-cli的webpack模板项目配置文件分析”,方便广大网友查阅!

名单

测试的东西先不看,直接看”dev”和”build”。运行”npm run dev”的时候执行的是build/dev-server.js文件,运行”npm run build”的时候执行的是build/build.js文件,我们可以从这两个文件开始进行代码阅读分析。

三、build文件夹分析

build/dev-server.js

首先来看执行”npm run dev”时候最先执行的build/dev-server.js文件。该文件主要完成下面几件事情:

检查node和npm的版本

引入相关插件和配置

创建express服务器和webpack编译器

配置开发中间件(webpack-dev-middleware)和热重载中间件(webpack-hot-middleware)

挂载代理服务和中间件

配置静态资源

启动服务器监听特定端口(8080)

自动打开浏览器并打开特定网址(localhost:8080)

说明: express服务器提供静态文件服务,不过它还使用了http-proxy-middleware,一个http请求代理的中间件。前端开发过程中需要使用到后台的API的话,可以通过配置proxyTable来将相应的后台请求代理到专用的API服务器。

详情请看代码注释:

vue-cli的webpack模板项目配置文件分析

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:ES6新特性之模块Module用法详解
下一篇:NodeJS基础API搭建服务器详细过程记录
易贤网手机网站地址:vue-cli的webpack模板项目配置文件分析
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!