webpack
11篇文章 · 0订阅
  • Webpack入门到精通（1）
    什么是webpack 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将…
    Webpack
  • 面试官：自己搭建过vue开发环境吗？
    前段时间，看到群里一些小伙伴面试的时候被面试官问到这类题目。平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 npm run install 安装依赖，npm run serve启动项目然后就开始写业务代码了。 但是对项目里的webp…
    Vue.js
    面试官：自己搭建过vue开发环境吗？
  • 从基础到实战 手摸手带你掌握新版Webpack4.0详解 一起读文档
    1. 1 什么是WebPack webpack 是一个现代 JavaScript 应用程序的静态模块打包工具：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并生成一个或多个 bundl…
    前端 Webpack
  • Vue CLI 3结合Lerna进行UI框架设计
    第一次在掘金发文章，有点啰里啰嗦，大家见谅。 当前大部分UI框架设计的Webpack配置都相对复杂，例如Element、Ant Design Vue和Muse-UI等Vue组件库。例如Element，为了实现业务层面的两种引入形式（完整引入和按需引入），以及抛出一些可供业务层面…
    Vue.js 前端
  • 前端构建秘籍
    随着前端构架工具的不断发展，提供了很多提高我们的开发体验和开发效率的能力，同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员，早期的 webpack 配置复杂难懂，随着其发展，相关配置也不断简化，性能也不断提高，但是对于深入使用的开发人员，…
    Webpack
    前端构建秘籍
  • Loader学习，简析babel-loader
    继上两篇文章webpack工作原理介绍（上篇、下篇）,我们了解到Loader：模块转换器，也就是将模块的内容按照需求装换成新内容，而且每个Loader的职责都是单一，只会完成一种转换，所以我们一般对源文件的处理，也是由多个Loader以链式顺序执行的方式来进行多次装换，然后得到…
    Webpack
  • 深入理解 Webpack 打包分块（上）
    随着前端代码需要处理的业务越来越繁重，我们不得不面临的一个问题是前端的代码体积也变得越来越庞大。这造成无论是在调式还是在上线时都需要花长时间等待编译完成，并且用户也不得不花额外的时间和带宽下载更大体积的脚本文件。 然而仔细想想这完全是可以避免的：在开发时难道一行代码的修改也要重…
    JavaScript Webpack
  • 深入理解 Webpack 打包分块（下）
    随着前端代码需要处理的业务越来越繁重，我们不得不面临的一个问题是前端的代码体积也变得越来越庞大。这造成无论是在调式还是在上线时都需要花长时间等待编译完成，并且用户也不得不花额外的时间和带宽下载更大体积的脚本文件。 然而仔细想想这完全是可以避免的：在开发时难道一行代码的修改也要重…
    JavaScript Webpack
  • 从今天开始，拿起 TypeScript 做一个轮子的制造者
    前端这些年发展非常迅速，社区里涌现了一堆优秀的轮子，比如Vue、React、Angular、jQuery、axios 等，它们解决着不同领域下的问题。使用这些轮子能极大地帮助我们提升生产力，有些人甚至基于这些轮子二次开发了一些轮子，比如 element-ui、ant-desig…
    TypeScript
  • 在 WebStorm 中，配置能够识别 Vue CLI 3 创建的项目的别名 alias @
    当然，这是很基础的 Webpack 配置，但本文介绍的是 IDE WebStorm 能够通过 Ctrl + 点击左键直接进入别名的某个目录下。WebStorm 默认是能够解析 webpack 配置文件的，也就是说你配置了 webpack 别名 alias 后，天生就支持这种快速…
    Vue.js