npm 包 just-scripts 使用教程

阅读时长 3 分钟读完

简介

just-scripts 是一个基于 node.js 的构建工具,它借鉴了 create-react-app 的设计思想,使用简单的方式提供了一套全面的前端开发构建工具。

安装

安装 just-scripts 前,需要先安装 node.js

使用 npm 安装 just-scripts

功能

just-scripts 提供了以下的功能:

构建任务

  • build:用于构建生产代码
  • build --watch:用于构建生产代码,但是可以监视文件变化并重新构建。

代码检查和格式化

  • lint:用于代码检查和格式化,支持 eslintprettier
  • lint:fix:用于修复代码检查和格式化错误

单元测试

  • test:使用 jest 进行单元测试

代码覆盖率测试

  • test:cover:使用 jest 进行代码覆盖率测试

代码打包

  • bundle:用于生成打包后的代码

其他

  • clean:清除目录
  • version:更新版本号

使用

一般来说,可以使用 npm 脚本命令来执行 just-scripts

package.json 中添加以下命令:

-- -------------------- ---- -------
---------- -
    -------- ---------------
    -------- ------------- -------
    ------- ------------- ------
    ------- ------------- ------
    ----------- ------------- ----------
    --------- ------------- --------
    ---------- ------------- --------
  -

构建任务

执行 npm run build 命令来构建生产代码:

执行 npm run build --watch 命令可以在构建代码的同时监视文件的变化并重新构建:

代码检查和格式化

执行 npm run lint 命令来检测代码是否符合规范:

执行 npm run lint:fix 命令可以修复代码检查和格式化错误:

单元测试

执行 npm run test 命令来运行单元测试:

代码覆盖率测试

执行 npm run test:cover 命令来运行代码覆盖率测试:

代码打包

执行 npm run bundle 命令来打包代码:

清理目录

执行 npm run clean 命令来清除目录:

更新版本号

执行 npm run version 命令来更新版本号:

结论

通过本篇文章,你已经学会了如何使用 just-scripts 来进行前端开发构建,希望本篇文章给你带来了指导和帮助。如果你想更深入地学习、了解或者在使用 just-scripts 中遇到了问题,可以查阅 just-scripts 官方文档

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5f041c4a403f2923b035be50

纠错
反馈