巅峰霸主 > 在线帮助文档 > bootstrap4.5文档 > Build tools npm

bootstrap Build tools构建工具npm

时间:2020-04-06 14:11:11  来源:巅峰霸主  作者:烈火大地 点击:
摘要:Bootstrap将npm脚本用于其构建系统。我们的package.json包含使用该框架的便捷方法,包括编译代码,运行测试等,详情如下……

构建工具

了解如何使用Bootstrap随附的npm脚本来构建文档,编译源代码,运行测试等。

工具设定

Bootstrap将npm脚本用于其构建系统。我们的package.json包含使用该框架的便捷方法,包括编译代码,运行测试等。

要使用我们的构建系统并在本地运行我们的文档,您需要一份Bootstrap的源文件和Node的副本。请按照以下步骤操作,您应该已经准备就绪:

  1. 下载并安装Node.js,我们将使用它来管理依赖项。

  2. 导航到根/bootstrap目录并运行npm install以安装package.json中列出的本地依赖项。

  3. 安装Ruby,安装捆扎机用gem install bundler,最后运行bundle install。这将安装所有Ruby依赖项,例如Jekyll和插件。

    • Windows用户:阅读本指南以使Jekyll正常运行。

完成后,您将能够运行命令行中提供的各种命令。

使用npm脚本

我们的package.json包含以下命令和任务:

任务描述
npm run distnpm run dist/dist/用编译文件创建目录。使用SassAutoprefixerUglifyJS
npm testnpm run distplus 相同,它在本地运行测试
npm run docs为文档构建和删除CSS和JavaScript。然后,您可以通过本地运行文档npm run docs-serve

运行npm run以查看所有npm脚本。

自动前缀

Bootstrap使用Autoprefixer(包含在我们的构建过程中)在构建时自动将供应商前缀添加到某些CSS属性。这样做允许我们一次编写CSS的关键部分,而无需像v3中那样的供应商混合,从而节省了我们的时间和代码。

我们将通过Autoprefixer支持的浏览器列表保存在GitHub存储库中的单独文件中。有关详细信息,请参见.browserslistrc

本地文件

在本地运行我们的文档需要使用Jekyll,Jekyll是一种相当灵活的静态站点生成器,它为我们提供:基本包含,基于Markdown的文件,模板等。这是开始的方法:

  1. 运行上面的工具设置,使用来安装Jekyll(网站构建器)和其他Ruby依赖项bundle install。

  2. 在根/bootstrap目录中,npm run docs-serve在命令行中运行。

  3. http://localhost:9001在浏览器中打开,然后打开。

阅读其文档,了解有关使用Jekyll的更多信息。

故障排除

如果您在安装依赖项时遇到问题,请卸载所有以前的依赖项版本(全局和本地)。然后,重新运行npm install

(责任编辑:陆柏熺)
评价:
用户名: 验证码: 看不清?点击更换


关注站长自媒体 获取更多优质内容

  • 百家号
    百家号
  • 头条号
    头条号
  • 企鹅号
    企鹅号

2019-2021 ©巅峰霸主网 京ICP备12023415号-2
返回
顶部