![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端工程化
文章平均质量分 78
前端常见的工程化工具、环境、甚至好用的ide、插件等的分享专栏
不知名前端
恢复更新
展开
-
在react中使用vite的一些配置,包含less全局变量、proxy、别名等常见配置方式
最近换了新的工作,因为新公司的项目使用微前端的集成方案,一个项目被从组件层面拆分出来不少单独的模块,所以经常需要新创建项目。也是因为以上的背景,让我有更多的机会尝试不同的工程打包方案,其中一个便是以速度著称的vite。下面我将工作中遇到的一些问题,已经配置方式记录在这里,以便自己,或是其他看到的朋友作为参考1、vite.config.js使用vite,首先要在项目根目录创建vite.config.js的文件,如果使用ts的话,也可以是.ts文件。这里其实重点想要说的是,vite属于新兴的工具,所以对原创 2021-09-01 23:31:35 · 9494 阅读 · 7 评论 -
如何开发npm包,并发布到npm的详细介绍
从来没有正式的去从头到尾的完整开发过一个npm包.所以这个周末,我突然来了兴趣,对原生video,audio的API以及原生事件写了一个扩展类,并发布到npm.整个过程可以说还是挺蛋疼的.这里分享一下一、github创建项目仓库第一步,从创建项目仓库开始,先去github按照步骤创建npm包的项目虽然我知道99%的人都会,但是为了和我一样不会的同学,还是截了一张图需要填个名称:repository name然后选择add a README选择Add .gitignore ———> 继续输原创 2021-06-19 22:07:25 · 1246 阅读 · 0 评论 -
sass、scss完整教程
前言sass是css的预处理器,你可以像编程一样去写css,极大的简化css,同时支持块级作用域,使css不再为了重复类名导致样式覆盖问题而烦恼.sass的安装首先sass是基于Ruby开发的,所以想要使用sass,你必须先装Ruby,不过Mac自带Ruby环境,所以使用Mac的朋友可以直接安装sass,如果你的电脑已经有了Ruby,那么你可以直接执行以下安装命令gem install sasswebpack配置sass安装好之后,还需要去构建工具配置一下,方式也很简单,使用s在这里插入代码片原创 2021-03-14 13:12:42 · 325 阅读 · 0 评论 -
create-react-app中如何使用less,手把手教会less的用法
前言我们在开发react项目中,一般都会使用脚手架来快速搭建一个项目的大体框架,其中react官方推荐的create-react-app是我在个人项目中最常用的脚手架之一,但是cra的脚手架内置只支持了sass,不支持less.那么对于习惯使用less的小伙伴只能通过我们自己的双手来完成这个任务了.下面以create-react-app中如何使用less为案例,简单介绍一下,less的使用方式.创建create-react-app项目Node内置npx,所以可以直接使用npx来创建项目npx cre原创 2021-03-13 23:55:47 · 4249 阅读 · 2 评论 -
git在提交代码时,出现unable to access “XXXXX” Permission denied权限被拒绝的警告时,应该怎么去掉
不少小伙伴去一家新的公司,领了一台新的mac,开开心心的打开电脑拉取项目,提交代码的时候,出现一排排的warning,虽然代码也提交成功了,但是对一个资深的新手来讲,确实很难受.那么针对这个问题,我们怎么解决呢?我先上一张图,如果是类似的问题,那么可以试试下面的办法看这一排排的警告⚠️,着实让人难受,一般在使用新的mac的时候,会出现这个问题,是因为有一些文件夹需要root权限,所以在访问这些文件夹的时候会出现权限相关的警告1、找到需要更改权限的文件这个时候,我们需要打开终端,进入终端根目录c原创 2021-03-13 22:22:11 · 3189 阅读 · 0 评论