webpack 官网https://webpack.js.org/guides/示例代码 官网https://github.com/zkeq/jirengu_learn_09初始化 npm 仓库npm init -y安装 webpackyarn add -D webpackyarn add -D we...

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第30天，点击查看活动详情

它是一个将一切资源（如scripts / images / styles/ assets）都当成模块的模块化打包工具。

上篇我们已经配置好了本地开发服务器，但是配置的相对比较凌乱，一个文件中有些是开发时用到的配置，有些是生成时用到的配置，有些是开发和生成都要用到的配置，所以我们这里把环境分为3个环境...

如果我们没有使用配置文件webpack.config.js，那么我们就需要通过命令来打包

之前写过一篇文章，《将 React 应用迁移至 Vite》介绍了 Vite 的优势，并且和 webpack 做对比，但 webpack5 有个很重要的功能，就是模块联邦，那么什么是模块联邦？Vite 中也可以实现吗？ 我们一起来探究下。...

在上文中介绍了使用 iconfont 的缺点，以及使用 SVG 的优点，简单归纳为以下几点：

使用 iconfont 有很多优势，比如只需要加载一次，全部图标都可以设置字号大小，颜色、透明度等，可以随意变换字体的形态，并且图标是矢量的，不会随着字体大小的变化失真，得益于 iconfont.cn 提供的便利，大多情况下，我们不必上传自...

可以用来表示一个独一无二的变量防止命名冲突。但是面试官问还有吗？我没想出其他的用处就直接答我不知道了，还可以利用 symbol 不会被常规的方法（除了 Object.getOwnPropertySymbols 外）遍历到，所以可以用来模拟私有变量。...

安装成功，文件夹结构如下，并在上面安装过程中已自动配置了环境变量和安装好了npm包，此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号：