Webpack
5篇文章 · 0订阅
  • 带你深度解锁Webpack系列(优化篇)
    带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…
    JavaScript 前端
    带你深度解锁Webpack系列(优化篇)
  • Webpack揭秘——走向高阶前端的必经之路
    随着前端工程化的不断发展，构建工具也在不断完善。作为大前端时代的新宠，webpack渐渐成为新时代前端工程师不可或缺的构建工具，随着webpack4的不断迭代，我们享受着构建效率不断提升带来的快感，配置不断减少的舒适，也一直为重写的构建事件钩子机制煞费苦心，为插件各种不兼容心灰…
    Webpack
    Webpack揭秘——走向高阶前端的必经之路
  • webpack输出文件分析以及编写一个loader
    webpack是时下最流行的前端打包构建工具，本质上是一个模块打包器，通过从入口文件开始递归的分析寻找模块之间的依赖，最终输出一个或多个bundle文件。 将生成的内容根据配置生成文件，输出到指定的位置。 webpack的核心对象是Compile，负责文件的监听和启动编译，继承…
    Webpack
    webpack输出文件分析以及编写一个loader
  • 组件库rollup打包体积优化
    前段时间对公司内部的组件库(类似element-ui)做了打包体积优化，现在抽点时间记录下。以前也做过构建速度的优化，具体可以看组件库webpack构建速度优化 使用rollup打包，可以直接解决问题1和问题4，设置external可以解决transform-runtime等带…
    Vue.js Webpack Babel
  • 24 个实例入门并掌握「Webpack4」(一)
    它将查找 ./src/index.js 作为默认入口点。 而且，它会在 ./dist/main.js 中输出模块包，目前代码量小，可以格式化看效果 拥有 2 个配置文件在 webpack 中是的常见模式。 webpack4 引入了 production(生产) 和 develo…
    Webpack