重新构建(编译)Bootstrap源代码

下载及安装

Bootstrap 需要通过 npm 脚本 来进行构建文档并编译源文件。Bootstrap 的 package.json 文件中包含了这些用于编译源码、运行测试等工作的脚本。
请按照以下步骤操作并搭建本地运行环境:

  1. 下载并安装 Node.js,其自带了我们用于管理依赖项的工具。

image.png

  1. 下载 Bootstrap 的源码或克隆 Bootstrap 的源码仓库到本地。

image.png

  1. Win+R 运行 cmd,进入Bootstrap 根目录。
cd /d 文件路径
  1. 运行 npm install 以安装 package.json 文件中列出的所有依赖项到本地。

上述步骤完成后,就可以运行 Bootstrap 所提供的各个命令了。

npm 脚本命令

Bootstrap 自带的 package.json 文件包含了用于项目本身开发所需的许多命令。运行 npm run 以查看所有可用的命令。 包含的的主要命令如下:

命令描述
npm start编译CSS和JavaScript,构建文档,并启动本地服务器。
npm run dist创建带有编译文件的 dist/ 目录。
npm test运行后在本地运行测试 npm run dist
npm run docs-serve在本地构建和运行文档。

这里运行 npm run dist 后,等待编译完成。完成后进入本地 Bootstrap 目录,查看 dist 文件夹。
image.png
image.png
至此,Bootstrap 已完成重新构建(编译),拷贝 dist 文件夹下的 js 和 css 文件至本地项目即可。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

神仙别闹

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值