Vue仿京东金融页面-webpack使用

1.为什么选择Webpack构建工具？

CSS、JS模块化管理

资源合并、压缩，编译、打包，性能优化

提升开发效率

 

2.项目是如何使用Webpack的？dev-server的原理是什么？

entry 配置入口

module 配置loader

plugins 配置插件

output 配置输出

resolve 查询文件

devServer 开启服务

devServer利用websocket，在页面中注入JS，devServer会启动一个服务，JS和服务之间通过websocket建立通讯，服务监听改变后push更新，客户端接收更新做浏览器的刷新

 

3.如何实现一个webpack的loader？

Loader本质就是接收字符串(或者buffer)，再返回处理完的字符串(或者buffer)的过程。webpack会将加载的资源作为参数传入loader方法，交于loader处理，再返回。