时间戳

首页 > 解决方案 > 创建新的引导项目时是否需要创建“custom.scss”文件？

visual-studio - 创建新的引导项目时是否需要创建“custom.scss”文件？

问题描述

我正在关注 Kevin Powell 引导教程，他将 custom.scss 文件复制到一个单独的文件夹中，但是我找不到要复制的文件，不确定是不是因为我使用的是更新版本的引导。

引导文档说，通过 npm 安装引导后，我应该有一个这样的文件夹结构：

your-project/
├── scss
│   └── custom.scss
└── node_modules/
    └── bootstrap
        ├── js
        └── scss

但是，在将引导程序安装到文件夹后，它是这样的：

your-project/
└── node_modules/
    └── bootstrap
        ├── js
        └── scss

除了 bootstrap 文件夹之外，没有 scss 文件夹。

标签： visual-studionpmbootstrap-4

解决方案

我是否需要创建一个“custom.scss”文件...？

不，您不需要这样做，因为您可以直接从引导源文件编译您的 css。但是，如果您现在或将来计划使用开箱即用的引导程序，而无需自定义，我只会考虑这种方法。如果您选择不创建此文件，那么您可能应该只使用 CDN。

你应该创建一个“custom.scss”文件吗？

是的，这是您修改引导变量或扩展其组件等的地方。您还可以选择导入所有引导程序，或仅导入此文件中您需要的部分。

该文档涵盖了该文件中应包含的内容。但是您可以从以下内容开始：

// Custom.scss
// Option A: Include all of Bootstrap

@import "node_modules/bootstrap/scss/bootstrap";

推荐阅读