2020年12月4日
摘要:
npm v5.2.0引入的一条命令(npx),引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验。 举例:使用create-react-app创建一个react项目。 老方法: npm install -g create-react-app create-react-app my-ap 阅读全文
摘要:
编写 Loader Loader就像是一个翻译员,能把源文件经过转化后输出新的结果,并且一个文件还可以链式的经过多个翻译员翻译。 以处理SCSS文件为例: SCSS源代码会先交给sass-loader把SCSS转换成CSS; 把sass-loader输出的CSS交给css-loader处理,找出CS 阅读全文
摘要:
项目变的庞大,文件很多的情况下,采取多进程打包 如果小项目,文件不多,无需开启多进程打包,反而会变慢,因为开启进程是需要花费时间的 多进程打包: 1 安装 thread-loadernpm i thread-loader -D 配置如下: module.exports = { entry: './s 阅读全文
摘要:
一、 git commit -m 'xxx' 出现问题 今天在上传项目的时候在commit阶段遇到一个问题,无论是在Sourcetree上传还是用命令git commit -m 'xxx'都报了一下错误: husky > npm run -s precommit (node v8.12.0) hus 阅读全文
摘要:
lint-staged 是一个在git暂存文件上运行linters的工具,当然如果你觉得每次修改一个文件就给所有文件执行一次lint检查不恶心的话,这个工具对你来说就没有什么意义了,请直接关闭即可。 npx mrm lint-staged 它将根据package.json依赖项中的代码质量工具来安装 阅读全文
摘要:
最近在项目部署了ESlint还有一些配套的工具,比如 prettier husky lint-staged,有些心得写出来分享下。 依据本篇可以实现在git commit之时,重新格式化代码,同时进行代码检查预防一些低级错误。最终期待项目中的开发人员提交到线上的代码符合代码规范、风格统一,看起来像是 阅读全文
摘要:
初始化项目 新建一个文件夹,然后执行命令 npm init -y npm install webpack webpack-cli -D 编写scss文件 新建一个src文件夹,然后将scss文件全部放在里面 以下是我的目录结构 node_modules/ src/ bg/ bg.scss borde 阅读全文