随笔分类 - 前端 / 前端打包相关
摘要：在前端项目的 package.json 文件中引用本地依赖，可以使用以下几种方式： 1. 使用 file: 前缀 如果本地依赖是一个已经存在的目录，可以在 package.json 中使用 file: 前缀来引用它。 { "dependencies": { "your-local-package":
阅读全文
摘要：在部署 Vue.js 单页面应用（SPA）时，遇到刷新页面时返回 404 错误是一个常见问题。这个问题通常是由于服务器不知道如何处理 SPA 的路由而导致的。 原因 在 Vue.js SPA 中，前端路由由 Vue Router 处理。当你在应用中导航时，Vue Router 可以处理这些路由并加载
阅读全文
摘要：一、vite的插件推荐 rollup-plugin-visualizer 打包分析插件 安装 npm install rollup-plugin-visualizer -D vite配置 // vite.config.js import { defineConfig } from 'vite' im
阅读全文
摘要：安装插件 yarn add --dev rollup-plugin-javascript-obfuscator 创建obfuscator.js文件，把下面相应代码放入js文件中 import obfuscatorPlugin from 'rollup-plugin-javascript-obfusc
阅读全文
摘要：在项目开发团队中，想要统一大家的代码风格，并且不影响同事原来的编码习惯、所使用的的开发工具，此时就需要通过脚本命令或自动格式化进行处理了。 安装 prettier 安装 prettier： npm install -g prettier 创建配置文件 .prettierignore /node_mo
阅读全文
摘要：package.json { "i": "pnpm install", "dev": "vite --mode base", "ts:check": "vue-tsc --noEmit", "build:pro": "node --max_old_space_size=8192 ./node_mod
阅读全文
摘要：[官方文档介绍](https://cn.vitejs.dev/config/build-options.html#build-outdir) ![](https://img2023.cnblogs.com/blog/1987782/202308/1987782-20230828161334459-1
阅读全文
摘要：npm i @types/testing-library__jest-dom -D 即可 Webpack 5 & Jest - Property 'toBeInTheDocument' does not exist on type 'JestMatchers'
阅读全文
摘要：Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - options.allowedHosts[0] should b
阅读全文
摘要：package.json 是一个常用的配置文件，用于描述你的 JavaScript 项目。其中，scripts 字段可以用来定义一组命令，用于开发、构建、测试和部署你的应用程序。下面是一些常用的命令和配置方式： 开发 dev：用于启动本地开发服务器。例如： "scripts": { "dev": "
阅读全文
摘要：这个错误提示是在你使用 Vite 构建项目时遇到的。 错误信息提示 Rollup 在构建过程中无法解析 import "APlayer"，而且这很可能会在运行时破坏你的应用程序。这个问题的原因是，APlayer 并不是一个模块，没有被正确地导出到你的项目中。 为了解决这个问题，你需要告诉 Rollu
阅读全文
摘要：一、安装依赖 npm i -D unplugin-auto-import 二、创建文件 // 和src平级 vite/plugins // 目录 三、目录里创建index.js import vue from '@vitejs/plugin-vue' import createAutoImport
阅读全文
摘要：同一个页面需要通过判断来引入不同的文件时，发现 import 写在 if 中这种写法会导致加载不到文件，产生报错； const platform= localStorage.getItem("platform"); if (platform "pc") { import { pc} from "@/
阅读全文
摘要：问题 vite 官方默认的配置，如果资源文件在assets文件夹打包后会把图片名加上hash值，但是直接通过:src="imgSrc"方式引入并不会在打包的时候解析，导致开发环境可以正常引入，打包后却不能显示的问题 这里我们先看看vite官方文档的解释： https://vitejs.bootcss
阅读全文
摘要：需求 后端需要在我项目路由地址上添加一个统一的前缀. 实现 1.根据环境的不同,可以配置不同的公共路径 拿开发环境举例,如果统一的前缀是/dev就进行如下配置 2.在vite.config.js文件加下添加公共路径 https://cn.vitejs.dev/config/shared-option
阅读全文
摘要：1、设置.env中的内容信息 注意vue3+vite必须使用VITE开头的配置信息 否则无法获取 NODE_ENV = "env" // VITE_NODE_ENV = "env" //VITE开头的给vue3+vite使用 如果不想使用VITE开头自己修改就在vite.config.ts文件中添加
阅读全文
摘要：在使用git进行协作开发的时候经常会遇到一些配置问题，不同成员使用的IDE可能不同，那么IDE生成的配置文件也就不同，比如开发JAVA，idea生成的配置文件为.iml，而eclipse为.project，那么如果把这些配置文件都提交至git上的话必将造成配置错乱，为避免这个问题，可以通过git的.
阅读全文
摘要：其实就是编译时的内存溢出，因为打包文件过大，刚好超过内存的限制大小造成编译中断。 解决方案一 通过 package.json 中的 "build" 加大内存 增加--max_old_space_size参数 解决方案二 使用 increase-memory-limit 插件，增加node服务器内存限
阅读全文
