异同webpack vite
webpack的基本使用（一）
学习目录 什么是webpack 1、webpack是一个工具，用来把前端工程化的。 2、它提供了友好的前端模块化开发支持，以及代码压缩混淆（能让文件体积更小）、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。 ......
webpack支持mock 数据接口
https://blog.csdn.net/qq_43456687/article/details/122813617 https://segmentfault.com/a/1190000013220134 ......
vue3+vite+ts：使用@符号，找不到模块
报错问题 情况说明：在.vue后缀的文件中 导入.vue组件 import Drawers from '@/components/Drawer/index.vue' 找不到模块“../../../../components/Drawer/index”或其相应的类型声明 解决办法 第一步 配置vite ......
'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序'
运行npm run dev报错：'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序' 原因：没有安装依赖，可以看看当前文件夹是否存在node_modules文件夹，报这个错一般是不存在node_modules文件夹，执行：npm i，等待完成即可。 ......
Webpack基础学习（一） （未完结）
一、Webpack介绍与基本使用 1.1、Webpack是什么？ Webpack 是一个静态资源打包工具。 它会以一个或多个文件作为打包的入口，将我们整个项目所有文件编译组合成一个或多个文件输出出去。 输出的文件就是编译好的文件，就可以在浏览器段运行了。 我们将 Webpack 输出的文件叫做 bu ......
vite 发布npm包
创建一个vite+vue项目 安装vite官网文档来搭建项目、然后在安装对应安装包、运行 npm init vite@latest my-vue-app -- --template vue cd ./my-vue-app npm i || pnpm i || yarn npm run dev 对目录 ......
基于webpack与TypeScript的SolidJS项目搭建
本文将讲述如何基于webpack与TypeScript搭建一个基础的支持less模块的solidjs项目。方便后续涉及到solidjs相关分析与讨论都可以基于本文的成果之上进行。 前置 nodejs v14+ 全局yarn（npm亦可） 稳定的网络环境 创建根目录solidjs-webpack-ts ......
最新 umi4-max 如何使用 webpack5 联邦模块
新项目用 umi4-max 搭建，部分功能想要使用其他项目的功能，不想重新开发，想到了使用 webpack5 的联邦模块，可以直接引用其他项目代码来实现共享代码。 理想很美好，现实很残酷。直接按照 webpack5 联邦模块的使用方法，并不能成功，而官方文档没有明确说明如何使用。 webpack 联 ......
从0搭建Vue3组件库(五): 如何使用Vite打包组件库
本篇文章将介绍如何使用 vite 打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts) 打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安装 vite 以及@vitejs/plugin-vue pnpm add vite @vitejs/ ......
monorepo实践：yarn workspace + vite + typescript + react
前言 最近需要用到多包管理 monorepo 开发新项目，所以提前预研一下项目搭建。 monorepo(monolithic repository)是一种项目架构，就是用一个仓库管理多个项目（应用，库），react和babel的源码仓库都是用这种方式在管理。 优缺点略过，可以参考：精读《Monore ......
Java/.Net双平台核心，Jvm和CLR运行异同点
前言： 本篇以.Net 7.0.2 CLR 和 OpenJDk19参照，解析下它们各自调用函数的异同。 以下为个人理解。 概述 JDK大约5.9G，CLR大约7.6G,两者相差1.7G左右。 root@tang-virtual-machine:/home/tang# cd jdk-jdk-19-36 ......
我们为什么要阅读webpack源码
相信很多人都有这个疑问，为什么要阅读源码，仅仅只是一个打包工具，会用不就行了，一些配置项在官网，或者谷歌查一查不就好了吗，诚然在大部分的时候是这样的，但这样在深入时也会遇到以下几种问题。 webpack 配置繁琐，具有 100 多个内置插件，200 多个钩子函数，在保持灵活配置的同时，也把问题抛给了 ......
拥抱下一代前端工具链-Vue老项目迁移Vite探索
随着项目的不断维护，代码越来越多，项目越来越大，决定将老项目迁移至vite。本文介绍了Vue老项目像Vite迁移的过程、遇到的问题以及经验总结。 ......
一文详解如何在基于webpack5的react项目中使用svg
本文主要讨论基于webpack5+TypeScript的React项目（cra、craco底层本质都是使用webpack，所以同理）在2023年的今天是如何在项目中使用svg资源的。 首先，假定您已经完成基于webpack5+TypeScript的React项目的搭建工作（如果您不太清楚搭建的背景， ......
掌握webpack（一）一张图让你明白webpack中output的filename、path、publicPath与主流插件的关系
webpack的核心概念，放到2022年相信很多的小伙伴都已经非常清楚了。但是，对于webpack配置中的output.path、output.filename以及output.publicPath，还有很多小伙伴还不理解。本文讲围绕output.filename、output.path与outpu ......