webpack
12篇文章 · 0订阅
  • 「吐血整理」再来一打Webpack面试题
    本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…
    面试 Webpack
    「吐血整理」再来一打Webpack面试题
  • 当面试官问Webpack的时候他想知道什么
    在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…
    Webpack
    当面试官问Webpack的时候他想知道什么
  • Webpack原理(2) — 加载原理
    webpack的核心目的和功能就是打包JavaScript代码，在时间的推进过程中，其逐渐演化成了一个生态体系，成为前端打包代码和处理开发时候必不可少的一个工具。 首先将代码clone到你本地，然后运行yarn install。既然文章讲的是webpack，那么问题来了，当你运…
    Webpack
  • Webpack原理(3) — 核心概念
    从这张图可以看到，最上面的文件就是我们整个app的入口，也是这个文件启动了我们整个app，这就是weback的入口，通常这个文件会依赖我们自己app的其他文件，其他文件又会依赖别的第三方库，这些依赖可能是js，也可能是css，当然右边也展示了我们也会依赖app里面的其他文件。 …
    Webpack
  • webpack原理
    webpack早就已经在前端领域大放异彩，会使用和优化webpack也已经是中、高级工程师必备技能，在此基础之上再对webpack的原理进行理解和掌握，必定会在未来的开发中事半功倍。若是对于webpack不熟悉可以查看之前的文章进行学习和了解。 由于本人能力一般、水平有限，所以…
    Webpack
  • webpack优化
    准备一份将VUE打包成DLL的webpack配置文件。 在build目录下新建一个文件webpack.vue.js，专门用于打包vue的DLL的。
    Webpack
  • webpack原理
    Entry：入口，Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 Module：模块，在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpack 会从配置的 Entry 开始递归找出所有依赖的模块。 Chunk：代码块，一个 Chunk 由…
    Webpack
  • 谈谈webpack
    构建工具有很多，比如Npm Script任务执行者、Grunt也是任务执行者、Gulp基于流的自动化构建工具、Fis3百度构建工具、Webpack打包模块化JavaScript工具和Rollup模块打包工具。 这里谈谈用得很频繁的webpack构建工具。 entry是配置模块的…
    前端 Webpack 程序员
    谈谈webpack
  • webpack优化
    原有的vue-cli,create-react-app在项目较大时编译时间过长，扩展性不好。重写了一套，优化了构建速度和体积。主要从以下优化了webpack 开启多线程压缩有多种方式，happy-pack/thread-loader/parallel-webpack等，ha…
    Webpack
  • 实现一个 webpack loader 和 webpack plugin
    例如 babel-loader 可以将 ES6 代码转换为 ES5 代码；sass-loader 将 sass 代码转换为 css 代码。 rules 数组包含了一个个匹配规则和具体的 loader 文件。 上述代码中的 test: /\.js$/ 就是匹配规则，表示对 js …
    Webpack 前端