webpack面试题】的更多相关文章

webpack面试题总结 本文主要是对webpack面试会常被问到的问题做一些总结,且文章会不断持续更新 1.webpack打包原理 把所有依赖打包成一个 bundle.js 文件,通过代码分割成单元片段并按需加载. 2.webpack的优势 (1) webpack 是以 commonJS 的形式来书写脚本滴,但对 AMD/CMD 的支持也很全面,方便旧项目进行代码迁移. (2)能被模块化的不仅仅是 JS 了. (3) 开发便捷,能替代部分 grunt/gulp 的工作,比如打包.压缩混淆.图片…
1.webpack的核心概念 Entry:入口,Webpack进行打包的起始点(文件) Output:出口,webpack编译打包生成的bundle(打包文件) Loader:模块加载(转换)器,将非js.非json模块包装成webpack能理解的js模块 Plugin:插件,在 Webpack 构建流程中的特定时机插入具有特定功能的代码 Module:模块,在 Webpack眼里一切皆模块,默认只识别js文件, 如果是其它类型文件利用对应的loader转换为js模块 2.webpack配置文件…
1:webpack打包原理 把所有依赖打包成一个bundle.js文件,通过代码分割成单元片段并按需加载. 2:webpack的优势 (1)       webpack是以commonJS的形式来书写脚本的,但对AMD/CMD的支持也很全面,方便旧项目进行代码迁移. (2)       能被模块化的不仅仅是JS了 (3)       开发便捷,能替代部分grunt/gulp的工作,比如打包.压缩混淆.图片转base64等. (4)       扩展性强,插件机制完善. 3:什么是loader,什…
(前端面试题大全,持续更新) webpack3升级到4为什么会提升速度? webpack优化有哪些? webpack的css-loader原理讲一下 webpack压缩js css的方法…
随着现代前端开发的复杂度和规模越来越庞大,已经不能抛开工程化来独立开发了,如react的jsx代码必须编译后才能在浏览器中使用:又如sass和less的代码浏览器也是不支持的. 而如果摒弃了这些开发框架,那么开发的效率将大幅下降.在众多前端工程化工具中,webpack脱颖而出成为了当今最流行的前端构建工具. 然而大多数的使用者都只是单纯的会使用,而并不知道其深层的原理.希望通过以下的面试题总结可以帮助大家温故知新.查缺补漏,知其然而又知其所以然. 问题一览 webpack与grunt.gulp的…
1.什么是webpack,与grunt和gulp有啥不同 webpack是一个模块打包工具,在webpack里面一切皆模块 通过loader转换文件,通过plugin注入钩子,最后输出有多个模块组合成的文件 WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到Js模块以及其它的一些浏览器不能直接运行的拓展语言,并将其打包为合适的格式以供浏览器使用 Gulp/Grunt是一种能够优化前端的开发流程的工具,而WebPack是一种模块化的解决方案,不过Webpack的优点使得在很多…
webpack是开发工具,面试考点重点在配置和使用,原理理解不需要太深. 一.基本配置 1.拆分配置和merge 将公共配置跟dev和prod的配置拆分,然后通过webpack-merge对配置进行整合. 2.启动本地服务 dev环境启动devserver配置. 3.处理ES6 使用babel-loader,针对对应目录的js进行代码转换. 4.处理样式 使用postcss-loader.css-loader.style-loader等,这里有个考点是loader的执行顺序是从后往前执行. 5.…
其他问题 原来公司工作流程是怎么样的,如何与其他人协作的?如何夸部门合作的? 你遇到过比较难的技术问题是?你是如何解决的? 设计模式 知道什么是singleton, factory, strategy, decrator么? 常使用的库有哪些?常用的前端开发工具?开发过什么应用或组件? 页面重构怎么操作? 网站重构:在不改变外部行为的前提下,简化结构.添加可读性,而在网站前端保持一致的行为. 也就是说是在不改变UI的情况下,对网站进行优化,在扩展的同时保持一致的UI. 对于传统的网站来说重构通常…
既然说到面试前端肯定是Javascript各种问,只好各种答. 面试题肯定离不了,最近热门的Vue.js,React.js,Angular.js,Gulp,Webpack还有各种Js问题,还有令人头痛的算法问题,还好统统答上. 到了腾讯大厦面试官还挺客套,开始让我做了个自我介绍,本想会问面试问题,结果聊了10多分钟的天,然后进入面试. 直接就问项目当中vue的问题: 让我说了一些vue组件的生命周期: new Vue({ el:'.container', methods:{ beforeCrea…
一.AMD和CMD规范(了解) 1.1传统的前端开发多个js文件的关系 yuan.js中定义了一个函数 function mianji(r){ return 3.14 * r * r } main.js文件中调用这个函数: alert(mianji(10)) 在页面上按顺序引入这两个js文件: <html> <head> <title>Document</title> </head> <body> </body> <…