前面我们说了使用webpack处理css和各种文件，今天我们再来说说使用webpack来处理我们前端三大件中的js。

前端文件有很多种，比如图片、字体、文件、数据文件等等。这些文件在webpack中都是怎么被处理的呢？今天我们来一探究竟。

在webpack中，编译ts文件有两种方式。可以使用ts-loader或者babel-loader来处理我们的ts文件。这两者有什么区别呢？接下来我们一起来看看。

1. ts-loader 这是用于 webpack 的 TypeScript 加载器，将 TypeScript 编译成 JavaScript。 ts-loader 在内部是调用了 TypeScript

webpack v4 开始新增了一个 sideEffects 特性，通过给 package.json 加入 sideEffects: false 声明该包模块是否包含 sideEffects(副作用)，从而可以为 tree-shaking 提供更大的优化空间。 基于我们对 fp…

browserslist 是在不同的前端工具之间共用目标浏览器和 node 版本的配置工具。它主要被以下工具使用： browserslist示例 演示了上面列举的每个工具是如何使用 browserslist 的。所有的工具将自动的查找当前工程规划的目标浏览器范围，前提是你在前端…

这是我参与2022首次更文挑战的第3天，活动详情查看：2022首次更文挑战」。 monorepo可以使用lerna,也可以使用更简洁的yarn、pnpm,但是pnpm相对于yarn包管理机制更加强大完

编译 TypeScript 代码用什么编译器？ 那还用说，肯定是 ts 自带的 compiler 呀。 但其实 babel 也能编译 ts 代码，那用 babel 和 tsc 编译 ts 代码有什么区

概述 常见查询语法 defaults 按市场占有率 按最后版本 dead 按浏览器版本 supports es6-module 组合查询 caniuse-lite 与 caniuse-db 配置文件