分类: Webpack工程化
pnpm如何解决npm/yarn的痛点
软链接和硬链接
假设我们有一个文件,称为 hello
通过 ln -s 创建一个软链接,通过 ln 可以创建一个硬链接。
$ ln -s hel……
webpack构建流程|打包原理
webpack 构建流程
Webpack 的运行流程是一个串行的过程,这个过程核心完成了 内容转换 + 资源合并 两种功能,实现上包含三个阶段:
初始化阶……
AST抽象语法树
解析器 Parser
这个步骤分为2个阶段,词法分析和语法分析
词法分析:
词法分析阶段把字符串形式的代码转换为 令牌(tokens)流。
分词:将整个代……
Commonjs与Esmodule
为什么会有CommonJs和Es Module
在早期JavaScript模块这一概念,都是通过script标签引入js文件代码,有以下弊端。
js文件作用域都是顶层,这会造成变量……
webpack搭建Vue脚手架
Vue脚手架开发模式配置
// webpack.dev.js
const path = require("path");
const ESLintWebpackPlugin = require("eslint-webpack-plugin");//配合.eslint……
webpack | 进阶
SourceMap 配置选择
之前我们通过webpack, 将我们的源码打包成了 bundle.js 。 试想:实际上客户端(浏览器)读取的是打包后的 bundle.js ,那么当浏览器执行代码……
初识Webpack | 配置 (万字解析)
一、Webpack 基础
第一部分,先从简单的“会配置”的要求出发,先了解 Webpack 简单配置以及简单配置会涉及到的面试题。
1. 简单配置
该部分需要掌握:
W……