
前端工程化
文章平均质量分 79
前端工程化
MINO吖
代码就是一门艺术.
展开
-
项目改 pnpm 并使用 Monorepo 发布至 npm 上
pnpm(Performant npm) 是一个快速、节省磁盘空间的Node.js包管理器,与npm和Yarn兼容但采用了不同的依赖管理方法。npm/YarnnpmMonorepo(单一代码仓库)是一种软件开发策略,指的是将多个相关项目或包的代码存储在同一个版本控制仓库中,而不是为每个项目或组件使用单独的仓库。原创 2025-05-07 11:34:15 · 799 阅读 · 0 评论 -
package.json文件中的 ^ 和 ~
(新功能、优化、Bug 修复),但不会引入破坏性变更。的情况(如某些 CLI 工具或存在兼容性问题的依赖)。(通常是功能新增或优化,但不破坏现有 API)。的情况(如 CI/CD 环境、关键依赖)。,只接受 Bug 修复,不引入新功能。,不允许次版本号或主版本号更新。,避免依赖的次要更新影响兼容性。(避免次要更新影响兼容性)。,因为它允许自动获取。原创 2025-04-29 10:06:51 · 482 阅读 · 0 评论 -
vue-cli如何正确关闭prefetch和preload
webpack4.6.0+新增了对prefetching和preloading的支持通过在声明导入时使用内联指令可以让webpack输出“Resource Hint”,告诉浏览器。原创 2025-03-21 09:11:06 · 564 阅读 · 0 评论 -
Gulp入门常用操作
第一天用gulp,如有不足,欢迎指出!安装照着gulp官网的入门指南,安装环境# 全局安装gulp-clinpm i gulp-cli -g# 项目下安装gulpnpm init -ynpm i gulp -D创建gulpfile.jsfunction defaultTask(cb) { // place code for your default task here cb();}exports.default = defaultTask运行gulp命令.原创 2020-12-09 20:05:14 · 198 阅读 · 0 评论 -
Yeoman - 搭建自己的脚手架
引言随着前端工程化的理念不断深入,越来越多的人选择使用脚手架来从零到一搭建自己的项目。其中大家最熟悉的就是create-react-app和vue-cli,它们可以帮助我们初始化配置、生成项目结构、自动安装依赖,最后我们一行指令即可运行项目开始开发,或者进行项目构建(build)。这些脚手架提供的都是普遍意义上的最佳实践,但是我在开发中发现,随着业务的不断发展,必然会出现需要针对业务开发的实际情况来进行调整。例如: 通过调整插件与配置实现 Webpack 打包性能优化后 删除脚手架构原创 2020-05-12 17:55:46 · 1127 阅读 · 0 评论