
前端工程化
文章平均质量分 81
通过各种工具和技术,提升前端开发效率的过程
jsPao
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Node中模块查找机制
在Node.js中,目前支持模块和commonjs模块,在这个万物皆可为模块的世界里,模块的查找机制是一个相对复杂但有序的过程。这通常被称为“模块解析”或“模块查找”。原创 2024-06-13 14:13:18 · 1139 阅读 · 0 评论 -
webpack处理vue项目静态资源及public/static/assets目录的区别
Vue 静态资源可以通过两种方式进行处理:1、在 JavaScript 被导入或在 template/CSS 中通过被引用。这类引用。2、放置在public目录下或。这类资源将会,而。在项目中的webpack.config.js等项目配置文件中使用的require属于nodejs范畴,而进入index.js后,加载的组件中的require都属于webpack的解析范畴。原创 2024-06-13 10:29:49 · 849 阅读 · 0 评论 -
关于node安装和nvm安装、多项目同时启动不同node版本的问题
echo $PATH如果你没有看到 Node.js 的安装目录,你需要将其添加到 PATH 中。具体的操作取决于你的操作系统和 shell,但通常包括修改.bashrc.zshrc或者.profile文件,或者通过系统设置面板来添加环境变量。:如果你同时安装了多个版本的 Node.js,你可能需要使用 nvm 或 nodist 等工具来管理它们。这些工具可以帮助你在不同的版本之间切换,并确保正确的版本出现在 PATH 中。:有时,Node.js 可能会因为各种原因而损坏。原创 2023-11-18 16:28:05 · 1547 阅读 · 0 评论 -
npm相关和私有云
npm(Node Package Manager)是 JavaScript 生态系统中的包管理工具,用于安装、管理和共享项目依赖。安装node时npm会自动安装,npm也可以单独安装。原创 2023-11-19 00:20:49 · 898 阅读 · 0 评论 -
Webpack
Webpack 提供了一种特殊的魔术注释(Magic Comment)功能,允许开发者为动态导入的模块指定特定的名字,以方便 Webpack 在编译过程中进行优化和分割。这种魔术注释的形式是在 import 语句中添加 `/* webpackChunkName: "chunk-name" */` 这样的注释,其中 `chunk-name` 是要给模块指定的名字。例如:```原创 2023-11-20 22:32:20 · 811 阅读 · 0 评论 -
webpack查找配置文件的策略
需要注意的是,这些查找策略是依次进行的,一旦找到符合条件的配置文件,Webpac就会停止继续查找并开始处理找到的配置文件。如果希望同时使用多个配置文件,可以使用 `webpack-merge` 这样的库来合并它们。如果在项目根目录下的 `package.json` 文件中有一个名为 `webpack` 的属性,Webpack 会将该属性视为一个对象,并用作配置。如果在运行 Webpack 时通过 `--config` 或 `-c` 参数指定了配置文件的路径,那么 Webpack 将使用这个指定的配置文件。原创 2023-12-03 19:15:30 · 475 阅读 · 0 评论 -
husky配置实现代码提交前校验与规范提交信息
husky是一个Git Hook管理工具,主要用于实现提交前eslint校验和commit信息的规范校验。Husky 的原理是让我们在项目根目录中写一个配置文件,然后在安装 Husky的时候把配置文件和 Git Hook 关联起来,这样我们就能在团队中使用 Git Hook 了。首先,确保已经安装了husky和commitlint。在项目中启用husky钩子,事实上是在项目根目录生成配置文件的文件夹(.husky)。查看,可以看到配置中修改了指向为.husky。原创 2024-03-28 13:40:55 · 2994 阅读 · 1 评论