摘要：0.有哪些常见的Loader？你用过哪些Loader？ (我开始熟悉的报起了菜名) raw-loader：加载文件原始内容（utf-8） file-loader：把文件输出到一个文件夹中，在代码中通过相对 URL 去引用输出的文件 (处理图片和字体) url-loader：与 file-loader 阅读全文

摘要：本文目录： 减少前端资源体积 使用长期缓存 监控和分析应用程序 总结 一、减少前端资源体积 1、webpack 4 开启 production 模式 production 模式下 webpack 会对代码进行优化，如减小代码体积，删除只在开发环境用到的代码。 可以在 webpack 中指定： mod 阅读全文

摘要：webpack作为一种流行的打包工具被广泛应用在web项目的前端工程化构建中.单配置文件，各种插件形式的loader能很方便的把各种源码构建成浏览器环境能运行的js代码。webpack的构建流程是如何的？一个个独立的依赖文件怎么被整合成目标js的？源码是何时被转义成浏览器可运行标准的？我自己要定制打 阅读全文

摘要：先上一张流程图一般webpack打包文件是通过cli调用 webpack.js --config=webpack.build.js 这实际上等同于通过node调用 const Webpack = require('./node_modules/webpack'); const config = re 阅读全文

摘要：1. webpack与grunt、gulp的不同？ 三者都是前端构建工具，grunt和gulp在早期比较流行，现在webpack相对来说比较主流，不过一些轻量化的任务还是会用gulp来处理，比如单独打包CSS文件等。 grunt和gulp是基于任务和流（Task、Stream）的。类似jQuery， 阅读全文