- 博客(11)
- 收藏
- 关注
RSS订阅原创 项目 webpack
每个 vue 包的新版本发布时，一个相应的 vue-template-compiler 也会随之发布。编译器的版本必须和基本的 vue 包保持同步，这样 vue-loader。这意味着你每次升级项目的 vue 包时，也应该匹配升级 vue-template-compiler。CopyPlugin的作用是，帮助开发人员在构建过程中将静态文件（如图片、字体等）直接复制到输出目录，而无需经过任何处理。vue-template-compiler 需要独立安装的原因是你可以单独指定版本。
2024-08-07 15:52:36
910
原创 高级 webpack
当构建后代码出错了，会通过 xxx.map 文件，从构建后代码出错位置找到映射后源代码出错位置，从而让浏览器提示源代码文件出错位置，帮助我们更快的找到错误根源。但是这样的话就会有一个问题, 因为前后输出的文件名是一样的，都叫 main.js，一旦将来发布新版本，因为文件名没有变化导致浏览器会直接读取缓存，不会加载新资源，项目也就没法更新了。当我们修改 math.js 文件再重新打包的时候，因为 contenthash 原因，math.js 文件 hash 值发生了变化（这是正常的）。但是 js 还不行。
2024-08-05 17:45:35
1692
原创 初级 webpack
output: {path: undefined, // 开发模式没有输出，不需要指定输出目录filename: "static/js/main.js", // 将 js 文件输出到 static/js 目录中// clean: true, // 开发模式没有输出，不需要清空输出结果},module: {rules: [// 用来匹配 .css 结尾的文件// use 数组里面 Loader 执行顺序是从右到左},},},},parser: {
2024-07-30 21:10:47
366
原创 Fetch的封装
在这个版本的 FetchService 中，我们把公共的请求逻辑放到了 _request 方法中。我们把方法（GET、POST、PUT、DELETE），URL和可能的请求体传递给 _request 方法，然后它处理所有的共享逻辑，包括运行拦截器，发送请求，处理响应和解析JSON。每个方法都返回一个Promise，该Promise解析为一个泛型。，这意味着你可以指定返回数据的类型。这样我们就成功地创建了一个。文件夹中创建一个新的。
2023-12-01 16:57:55
1196
1
原创 企业级前端工程化配置指南：vite4 + vue3 + ts + pinia + vue-router + axios + commit规范 + 代码质量检验
我们需要在提交代码前对代码质量、代码格式和commit信息进行约束，为此，我们需要先注册commit提交前钩子。脚本，但这默认事针对全部文件的，因此我们需要借助另一个npm包帮我们把当前更改的文件提取出来单独校验。实际项目中，我们一般会根据不同的开发环境来区分规则，比如console应在开发阶段可用，生产时禁用。我们本地开发完跟后端联调阶段，经常会遇到跨域的问题，需要我们暂时的在前端进行下处理。只针对.vue文件或者.js文件中的vue写法，我们还需要对ts进行兼容。
2023-10-08 17:24:25
557
1
原创 关于vue优化整理
打包后的文件很大，当进入首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验。对数据进行劫持，来实现视图响应数据的变化，然而有些时候我们的组件就是纯粹的数据展示，不会有任何改变，我们就不需要。的时候，我们只能定位到压缩处理后的代码位置，无法定位到开发环境中的代码，对于开发来说不好调试定位问题，因此。来劫持我们的数据，在大量数据展示的情况下，这能够很明显的减少组件初始化的时间，可以通过。当在组件之间切换的时候，有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题，使用。
2023-08-23 17:40:10
95
1
原创 vue技术规范
icons：放置svg图标，使用<svg-icon icon-class="404" />，使用 css clolor 属性可修改颜色。修复分支以 hotfix/模块名 命名规则 - 从 release/版本名 分支创建 - 修复上线后会被删除。v2 作为 develop 分支，一切新功能开发的基础分支，每次开发新功能以此分支为基础创建新分支。代码风格规则遵循 .prettierrc.js、.stylelintrc.js。代码风格规则遵循 .prettierrc.js、.eslintrc.js。
2023-08-23 10:52:58
176
原创 Vue项目中根目录，规则文件配置详解
3、前端文件过滤的工具Lint-staged，对于较大型的项目，文件众多，首先遇到的就是性能问题，虽然如Eslint之类的也有文件过滤配置，但毕竟还是对于匹配文件的全量遍历，如全量的.js文件，基本达不到性能要求，有时还会误格式化其他同学的代码，因此我们引入Lint-staged，一个仅仅过滤出Git代码暂存区文件(被committed的文件)的工具。5、ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。
2023-08-23 10:52:21
2449
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人