webpack
16篇文章 · 0订阅
  • webpack output.library 的 16 种取值
    一直以来对 output.library 配置项都是不求甚解，只知道将代码打包成 npm 库的时候要配置它，这段时间又要开发组件库，借助这次机会对 output.library 求甚解。
    前端 Webpack
    webpack output.library 的 16 种取值
  • 详细解释webpack的libraryTarget选项各个值的含义
    var 暴露一个用var 定义的$common变量。在node环境下不支持 global 在global对象上定义一个$common变量。类似于window，只是它会受target属性影响，当target为默认值web时，会在window上注册，如果你想在global上注册，必…
    Webpack
    详细解释webpack的libraryTarget选项各个值的含义
  • 如何使用 splitChunks 精细控制代码分割
    前端小伙伴都知道，为了降低包大小，经常会把依赖的前端模块独立打包，比如把 vue、vue-router 打到一个单独的包 vendor 中。另外，常会将存在多个路由的复杂页面的每个页面都单独打一个包，只有访问某个页面的时候，再去下载该页面的js包，以此来加快首页的渲染。 无论是…
    前端 Webpack
    如何使用 splitChunks 精细控制代码分割
  • webpack中fullhash、chunkhash和contenthash的区别
    hash通常被作为前端静态资源实现增量更新的方案，通过在文件名中带上一串hash字符串，告诉浏览器该文件是否发生更新，从而决定是否要使用缓存机制。 webpack打包时的hash有三种：fullhas
    Webpack
    webpack中fullhash、chunkhash和contenthash的区别
  • 史上最清晰易懂的babel配置解析
    相信很多人和笔者从前一样，babel的配置都是从网上复制黏贴或者使用现成的脚手架，虽然这能够工作但还是希望大家能够知其所以然，因此本文将对babel（babel@7）的配置做一次较为完整的梳理。 上面是babel官网的一段话，可以理解为babel是基于插件架构的，假如你什么插件…
    Babel
  • webpack - babel 篇
    基于我的上篇文章，webpack4.0 入门篇 - 构建前端开发的基本环境，补充对babel进行的一次探究。上篇文章讲叙到的 webpack babel 时几乎一笔带过，所以这篇文章将进行补充说明. 本文以当前最新版本的 babel - 7.10 为例， 做 babel 的配置…
    JavaScript 前端 Webpack
  • 「吐血整理」再来一打Webpack面试题
    本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…
    面试 Webpack
    「吐血整理」再来一打Webpack面试题
  • 复习webpack4之使用Babel
    这次学习webpack4不仅仅要会配置，记住核心API，最好还要理解一下webpack更深层次的知识，比如打包原理等等，所以可能会省略一些比较基础的内容，但是希望我可以通过此次学习掌握webpack，更好地应对以后的工作。 我们现在日常开发中，基本都会使用ES6语法，但是老版本…
    Webpack
  • webpack打包用Babel处理es6
    今天来梳理下webpack中关于js打包的处理方式，首先我们都知道需要处理es6+的编译就要用到babel,那什么是babel呢？ Babel是JavaScript编译器，能将ES6代码转换成ES5代
    Webpack 前端
    webpack打包用Babel处理es6
  • 我曾为配置 webpack 感到痛不欲生，直到我遇到了 webpack-chain
    今天给大家介绍社区当中一个 webpack 的流式配置方案——webpack-chain，这个方案现在已经在我目前所在的团队落地，且带来了一些正向的收益。
    前端 JavaScript