webpack
6篇文章 · 0订阅
  • 从零使用 Webpack5 搭建一个完整的 Vue3 的开发环境
    下面是公司搭建的真实项目开发环境我提炼出来比较重要的一些知识点作为内部技术分享。 打包成功后，会在项目的根目录自动创建一个 dist 文件夹，里面的 main.js 文件就是我们打包后的文件。 注意：若不想将配置写在配置文件中，可在项目根目录创建 babel.config.js…
    前端
  • 【webpack】从零搭建一个属于自己的react框架
    事例一：我们在使用react的时候，会用create-react-app命令下载一个react的模板，然后开始在里面实现各种功能。 事例二：前几个月的时候，我偶然发现飞冰官网，浏览后觉得不错，并在其上面下载了几个模板。 本文将按照我自己的一个想法、以react模板样式为基准，就…
    React.js
    【webpack】从零搭建一个属于自己的react框架
  • webpack自动化架构入门
    第一次打算学习自动化的时候是参照的一个老哥的文章，没想到现在版本更新太快，那篇文章已经跑不起来了，所以我在这重新写一篇最新版的搭建文章，怀念一下我老哥。 第一句： -D 是 --save-dev 的简写，是指安装模块并保存到 package.json 的 devDependen…
    Webpack
    webpack自动化架构入门
  • 玩转 webpack，使你的打包速度提升 90%
    webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…
    前端
  • 使用webpack搭建react开发环境
    npm i -D 是 npm install --save-dev 的简写，是指安装模块并保存到 package.json 的 devDependencies中，主要在开发环境中的依赖包. 如果使用webpack 4+ 版本，还需要安装 CLI。 非全局安装下的打包。 webp…
    React.js JavaScript NPM
  • 带你深度解锁Webpack系列(基础篇)
    三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…
    JavaScript 前端
    带你深度解锁Webpack系列(基础篇)