webpack
5篇文章 · 0订阅
  • import 和require的区别(超级无敌详细版)
    我们在平时的前端开发中,都是用的 import xxx from xxx 进行模块导入.这几天笔者在学习Koa的开发,这里面大量涉及到Node.js的操作.而在Node.js的开发中,都是通过 cosnt xxx = require(xxx) 这种方式来进行模块导入.那么当前台…
    ECMAScript 6
  • 5 分钟带你快速读懂 vite 打包过程 | 源码解读
    在下一个时代的打包工具 esbuild 中，我给大家介绍了什么是「esbuild」，以及如何使用它实现一个 bundle 打包。今天，在这个特别的节日（1024），我拎出了「vite」打包实现的核心逻辑，分别进行图解和代码分析，目标只有一个： 当我们需要打包基于「vite」的项…
    源码
    5 分钟带你快速读懂 vite 打包过程 | 源码解读
  • 你的 import 被 webpack 编译成了什么？
    这两个语句我们应该经常能看到，第一个import就不用说了，可以说现在的前端项目随处可见，第二个import可以在需要懒加载的地方看到，比如vue-router的懒加载配置，但是大家好像却从来都没太深究过这个东西。 import是es module提供的一个加载模块的方法，目前…
    Webpack
    你的 import 被 webpack 编译成了什么？
  • 解决v-html指令潜在的xss攻击
    运行之后由于src地址对应的资源找不到，会触发img标签的error事件，最终alert弹框。这便是一个最简单的xss攻击。 进而执行updateDOMProps函数，更新元素的innerHTML内容。 可以看到v-html指令最终调用的是innerHTML方法将指令的valu…
    Vue.js
  • 2020年了,再不会webpack敲得代码就不香了(近万字实战)
    2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…
    JavaScript
    2020年了,再不会webpack敲得代码就不香了(近万字实战)