简介
just-scripts
是一个基于 node.js
的构建工具,它借鉴了 create-react-app
的设计思想,使用简单的方式提供了一套全面的前端开发构建工具。
安装
安装 just-scripts
前,需要先安装 node.js
。
使用 npm
安装 just-scripts
:
npm install just-scripts --save-dev
功能
just-scripts
提供了以下的功能:
构建任务
build
:用于构建生产代码build --watch
:用于构建生产代码,但是可以监视文件变化并重新构建。
代码检查和格式化
lint
:用于代码检查和格式化,支持eslint
和prettier
lint:fix
:用于修复代码检查和格式化错误
单元测试
test
:使用jest
进行单元测试
代码覆盖率测试
test:cover
:使用jest
进行代码覆盖率测试
代码打包
bundle
:用于生成打包后的代码
其他
clean
:清除目录version
:更新版本号
使用
一般来说,可以使用 npm
脚本命令来执行 just-scripts
。
在 package.json
中添加以下命令:
-- -------------------- ---- ------- ---------- - -------- --------------- -------- ------------- ------- ------- ------------- ------ ------- ------------- ------ ----------- ------------- ---------- --------- ------------- -------- ---------- ------------- -------- -
构建任务
执行 npm run build
命令来构建生产代码:
npm run build
执行 npm run build --watch
命令可以在构建代码的同时监视文件的变化并重新构建:
npm run build --watch
代码检查和格式化
执行 npm run lint
命令来检测代码是否符合规范:
npm run lint
执行 npm run lint:fix
命令可以修复代码检查和格式化错误:
npm run lint:fix
单元测试
执行 npm run test
命令来运行单元测试:
npm run test
代码覆盖率测试
执行 npm run test:cover
命令来运行代码覆盖率测试:
npm run test:cover
代码打包
执行 npm run bundle
命令来打包代码:
npm run bundle
清理目录
执行 npm run clean
命令来清除目录:
npm run clean
更新版本号
执行 npm run version
命令来更新版本号:
npm run version
结论
通过本篇文章,你已经学会了如何使用 just-scripts
来进行前端开发构建,希望本篇文章给你带来了指导和帮助。如果你想更深入地学习、了解或者在使用 just-scripts
中遇到了问题,可以查阅 just-scripts 官方文档。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5f041c4a403f2923b035be50