随笔分类 - Webpack面试知识点串讲
摘要：🐾面试真题演练！ 前端为什么要进行打包和构建？ 代码相关：体积更小（Tree-Shaking、压缩、合并），加载更快。 开发相关：高级语言编译成更低级简单的语言或语法（TS、ES6+、模块化、scss） 兼容性和错误检查（Polyfill、postcss、eslint） 研发流程方面：保证统一高效
阅读全文
摘要：是前端开发环境必备工具。用于把ES6语法转换为ES5、ES4，兼容不同浏览器。 - 环境搭建 & 基本配置 安装一些插件、配置.babelrc。通过plugins里面的东西转换语法。preset-env是一堆plugin的集合。 npx babel src/index.js - babel-poly
阅读全文
摘要：1. webpack优化打包构建速度-开发体验和效率 优化babel-loader 缓存：cacheDirectory,只要加了这个，es6代码中没有改动的就不会重新编译，集中缓存，加快速度。 IgnorePlugin 避免引入无用模块 比如有个Moment.js库支持很多语言 避免引入过多的语言，
阅读全文
摘要：module：模块，各个源码文件。 比如说src下面的index.js就是模块，而在其中引用的一切都是模块。上面lodash啦，别的文件啦(math.js)，css文件啦，图片啦。可以引用的都是模块。 chunk： 多模块合并成的，比如entry里面可以定义；import()，splitChunk
阅读全文
摘要：面试真题： 前端代码为什么要进行构建和打包？（答全面） module chunk bundle分别是什么意思？有何区别？ loader和plugin的区别？ webpack如何实现懒加载？ babel-runtime和 babel-polyfill? webpack常见的性能优化 1. webpac
阅读全文
