Vue相关面试题-常用的loader和它们的作用？web前端三大框架有哪些优缺点？

常用的 loader 和它们的作用

• style-loader 将 css 添加到 DOM 的内联样式标签 style 里
• css-loader 允许将 css 文件通过 require 的方式引入，并返回 css 代码
• less-loader 处理 less
• sass-loader 处理 sass
• file-loader 分发文件到 output 目录并返回相对路径
• url-loader 和 file-loader 类似，但是当文件小于设定的 limit 时可以返回一个 Data Url
• html-minify-loader 压缩 HTML
• babel-loader 用 babel 来转换 ES6 文件到 ES5

web前端三大框架有哪些优缺点

Angular

优点：

2012年发布版本1.0，后由谷歌接手负责持续的开发维护。Angular是一个比较完善的前端框架，服务、模板、数据双向绑定、模块化、路由、过滤器、依赖注入等功能相当完整，同时模板功能强大，自带丰富的指令，易于操作。此外还引入了一些java的思想，所以有java基础的也能够较快上手的。

缺点：

官方文档可操作性不强，缺乏实例，很多功能的使用需要依赖搜索，对自学能力要求较高。入门容易，但是后期学习容易进入瓶颈，概念深入，不易理解。此外版本较多，没有做到很好的兼容，整体较重，渲染初始化慢。

react

优点：

是Facebook的内部项目开源，提出了一种新思路解决Web/Native开发。运用了Virtual Dom技术，比起Angularjs来说，更新dom的次数少，更新内容少，速度会更快。采用声明式设计，可以轻松描述应用，更加灵活，也能和已知的框架或库很好的配合。

缺点：

严格来说可能并不算是一个完整的框架，很多功能无法直接实现，发布较新，很多功能还需要进一步的完善，缺少大项目的实际应用。

Vue

优点：

轻量级！也简单易上手，官方介绍是构建用户界面的渐进式框架，可以灵活选取功能。简洁、轻量、快速、数据驱动、模块友好、组件化，这些特点都有利于更简单的开发页面，同时乘着近些年小程序的热潮，webapp的持续发展，Vue也是广泛使用。

缺点：

相对于家大业大的angular，历史不久的Vue，部分功能还不够完善，支持的库和拓展的丰富性还有待提升，同时对于老浏览器的支持也不太好。数据复杂起来也容易变得不好维护。