haorooms博客-工具专题

前言 关于webpack模块联邦，之前有文章提及过，详细请看Webpack5 新特性模块联邦介绍和应用，关于webpack模块联邦，我们已经在项目中用过很多，本文主要讲讲webpack模块加载，及模块

前言 本文紧接着上一篇文章babel代码编译流程介绍，主要讲解如何自己写一个babel插件。上一篇文章通过babel的parse、transform、generate 我们完成了一个小的案例，假如这个

前言 babel在我们工作中必不可少，但是很多情况下项目都继承了，大部分同学进知道简单的配置，其中的一些代码编译流程及原理，ast源码树等不是很清楚，本文是haorooms前端博客babel代码编译流

前言 我的mac笔记本容量比较小，经常用移动硬盘，但是不小心移动硬盘没有安全退出，导致mac电脑移动硬盘再次插入无法识别，这个问题很痛苦。一开始我用window硬盘修复工具修复一下，插到mac里面奇迹

前言 webpack是我们平时工作中必不可少的工具，难免有时候需要对webpack编译的代码进行个性化处理操作，那么需要通过webpack插件或者修改其代码的方式来完成，本篇文章着重介绍webpack

特性 webpack 5引入联邦模式是为了更好的共享代码。 在此之前，我们共享代码一般用npm发包来解决。 npm发包需要经历构建，发布，引用三阶段，而联邦模块可以直接引用其他应用代码,实现热插拔效果

前言 几乎所有项目现在都在用git了，之前的SVN已经很少用，很久之前还写过git的相关操作文章https://www.haorooms.com/post/git_common_ml 工程化的发展，对

前言 前面文章有写过vscode保存代码，自动按照eslint规范格式化代码设置，但是这篇文章主要是针对vue项目来写的，那么react项目，假如运用typeScript如何做到呢？ 使用 Alloy

前言 rollup比较适合打包js的sdk或者封装的框架等，例如，vue源码就是rollup打包的。webpack比较适合打包一些应用，例如SPA或者同构项目等等。最近我们对rollup小试牛刀了一下

为什么要用Webpack？ 今天简单介绍一下Webpack，Webpack功能强大，简单易学！类似技术我博客中之前介绍过模块化的requirejs，及打包工具grunt。相比前面介绍过的那两种，Web

前言 今天发现一个好玩的东西，就是windows的上帝模式。win7电脑我们经常用，可是很多东西你未必会用和用过！看看下图吧！ 怎么样，用一个文件夹就可以列出所有控制windows的选择，很酷吧！ w

前言 用git也好久了，感觉平时也就是git commit，git pull ，git push ，git add，git submodule,git stash，git branch,git che

今天在我的mac电脑上操作grunt，突然发现我用命令行进不了移动硬盘了，因为我的nodejs文件是放在移动硬盘里面，mac命令行如何进入移动硬盘？ 怪自己是mac的菜鸟，网上查了查，才知道桌面上看到

大家新春快乐，春节之后的第一篇文章。也是用苹果电脑写的第一篇博客。 最近新入了一台苹果笔记本，用起来还不是很习惯。这几天摸得差不多了，但是也遇到了不少小问题。下面总结一下！ xampp安装成功之后，有

ant+yuicompressor在前端部署和服务器发布中用处极大。之前介绍的SASS可以压缩CSS，还有grunt技术等等，都很强大。我在项目中用到的是ant+yuicompressor，ant可以

手机网站开发，最让人头疼的是网站的兼容问题，不同的手机可能会出现一些莫名的问题。手机网站常见问题及解决方案，我会在后面的文章陆续发表，大家可以看一下。 本文主要讲解电脑上如何调试手机网站： 按F12,

前几天分享了前端js和css的压缩合并之grunt，然后并简单录制了一个小视频，之后不少朋友QQ留言，问有没有grunt深入地视频教程。哈哈，说实话，上次录制的视频很差，我是随便录制的，没有想到收到不

关于css和js压缩和合并的方法，记得我在前端面试题目中有写道。方法很多，今天主要介绍grunt方法。 grunt是基于node的，要在你电脑上使用grunt，电脑上必须已安装node环境。具体nod