webpack
秃如其来的秃头
种一棵树最佳时间是十年前,其次是现在!
如果一直躲在舒适区,最终一定会进入恐慌区。
展开
-
webpack常见面试题
webpack常见面试题前端代码为何要进行构建和打包体积更小(Tree-Shaking、压缩、合并),加载更快编译高级语言或语法(TS,ES6+、模块化、scss)兼容性和错误检查(Polyfill postcss eslint)统一、高效得开发环境统一得构建流程和产出标准继承公司构建规范(提测、上线等)module chunk bundle分别什么意思,有何区别...原创 2020-05-05 15:59:53 · 1077 阅读 · 0 评论 -
webpack构建速度和体积优化策略
webpack构建速度和体积优化策略初级分析:使用webpack内置的statsstats:构建的统计信息package.json中使用stats"scripts":{ "build:stats":"webpack --env production --json > stats.json"}速度分析:使用speed-measure-webpack-plugin代码示例co...原创 2020-04-12 18:59:51 · 577 阅读 · 0 评论 -
Webpack 进阶用法
Webpack 进阶用法当前构建时的问题每次构建的时候不会清理目录,造成构建的输出目录output文件越来越多通过npm script清理构建目录(并不优雅的处理方式)rm -rf ./dist && webpackrimraf ./dist && webpack自动清理构建目录避免构建前每次都需要手动删除dist使用clean-we...原创 2020-04-09 23:28:58 · 450 阅读 · 0 评论 -
Webpack 基础用法及解析
Webpack 进阶用法及解析loader特点loader的执行顺序和代码书写的顺序是相反的,即:最后一个loader最先执行,第一个loader最后执行第一个执行的loader会接收源文件做为参数,下一次执行的loader会接收前一个loader执行的返回值做为参数use 属性的值需要是一个由 Loader 名称组成的数组,Loader 的执行顺序是由后到前的;每一个 Loade...原创 2020-01-18 15:47:05 · 308 阅读 · 0 评论 -
Webpack初识(基础)
Webpack初识为什么需要构建工具转换es6语法转换JSXCSS前缀补全/预处理器【sass less】压缩混淆图片压缩代码转换:TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等。文件优化:压缩 JavaScript、CSS、HTML 代码,压缩合并图片等。代码分割:提取多个页面的公共代码、提取首屏不需要执行部分的...原创 2020-01-15 23:16:12 · 298 阅读 · 0 评论