m0_cai-优快云博客

原创 webpack性能优化

因为浏览器会默认从缓存中获取静态资源文件，资源更新时无法立即被用户加载，默认为false，true 则每次都要重新请求资源文件。a. 自动将打包后的资源，如JavaScript和CSS文件，注入到HTML模板中;不设置时，默认生产模式下会压缩 html，移除多余的空格和注释之类的。，有两个入口文件，一个是 index.html ，一个是 login.html。，避免资源重复加载，html 默认会引入 entry 里面的所有 js 文件。默认会把所有的 css 、js 和图片打包到一个js文件中。

2025-08-06 11:55:30 239

原创长单词或字符串自动换行

一起使用可以让长单词或字符串在容器内自动换行，避免内容溢出。

2025-07-09 11:19:28 101

原创 vue3使用mockjs

3. 在main.js中引入mock.js，这样请求拦截才会生效，如果没有引入仍然会在network中看到请求发起，引入之后则不会有请求发起记录。2. 在 api 文件夹下新建 mock.js 文件，导入mockjs，调用mock方法拦截请求并模拟假数据。发起请求，当mockjs匹配到路径 /api/user 时，就会拦截请求，并返回模拟数据。

2025-06-09 18:27:06 460

原创 vue2和vue3匹配404路由规则

匹配任意路径，一般放路由最后，具有通配符的路由优先级最低，当其他路由都匹配不上时，才会匹配 * 通配符。// 匹配以 `/user-` 开头的所有内容。匹配以 `/user-` 开头的任意路径。

2025-06-09 18:11:42 273

原创 uniapp 学习笔记

下载 iconfont 图标文件后，将ttf文件保存到项目静态资源目录中，tabbar 中配置。，并且需要转码，否则无法识别，比如下面这个代码，复制得到。然后在 list 中的每一项，添加 iconfont。1. tabbar使用iconfont图标。

2025-05-26 17:14:26 163

原创 vite+element-plus组件和图标按需引入

bug: 在js中使用el组件时eslint会有错误提示，比如ElMessage，会有红色波浪线提示ElMessage没有定义，但是。下载unplugin-auto-import和unplugin-vue-components两个插件。接着在defineConfig中的plugins里面加入下面代码，就可以实现组件按需导入了。接着在defineConfig中的plugins里面加入下面代码，就可以实现图标按需导入了。即使单独导入，也无法使用component来动态使用图标，需要正常。

2025-03-25 15:15:15 588

原创 monaco在线编辑器报 Unexpected token...的错误，已解决

个别项目中使用monaco编辑器报这个错误的原因是版本太高，原使用的版本是0.31.0和7.1.0，可以降级版本为。

2024-09-08 14:39:21 592

原创 vue项目中，在线编辑器vue-codemirror、ace、和monaco的使用及踩坑记录

vue2版本不支持最新的vue-codemirror，所以要下载固定的版本4.0.6，并且要搭配codemirror使用，codemirror也不建议使用6以上的版本。由于第一次使用代码编辑器插件，之前都没接触过，花了几天时间才做出来满意的，参考了好几个大佬的文章，大家有需要可以自行查找相关文章！在要展示codemirror的页面，导入以下文件，包括有语言文件JavaScript，主体样式eclipse，和代码折叠所需的文件fold/xxx。代码：参考的一个大佬的，但是文章被关掉了，大家可以自己去找找。

2024-09-08 03:09:32 6567

m0_71775808的博客