如何在 vue js 3 应用程序中使用 bootstrap 4 添加外部 css 和 scss？ [关闭]答案

【问题标题】：How to add external css and scss with bootstrap 4 in vue js 3 application? [closed]如何在 vue js 3 应用程序中使用 bootstrap 4 添加外部 css 和 scss？ [关闭]
【发布时间】：2021-04-14 22:07:32
【问题描述】：

我需要建议。我现在正在使用 vue 3 rignt。我想将我当前的 web 转换为 vue 应用程序。我在当前文件中使用 scss，并且我有 main.css 和 main.scss 文件夹。目录结构如下：

mian.css folder:
bootstrap.min.css
font.css
responsive.css
stye.css
main.scss folder:
_responsive.scss
style.scss

我很困惑如何在我的 vue 应用程序中全局添加 scss 和 css 以及 boostrap4。谁能给我建议。我检查了很多问题 stackoverflow，但我没有得到任何意义。

【问题讨论】：

标签： javascript vue.js bootstrap-4 sass

【解决方案1】：

例如，您可以将 css 文件存储在 src / assets 文件夹中。然后就可以在 main.js 文件中导入这些文件了。

如下所示；

import "./assets/main.css"

【讨论】：

感谢您的回复。 main,scss 文件呢？如果我只 import import "./assets/main.css" ，我的 main.scss 文件是否有效？
您不需要导入您的 scss 文件。但是你应该安装 sass 到 vue。 npm install -D sass-loader node-sass 更多细节 => vue-loader.vuejs.org/guide/pre-processors.html#sass
是的，它的工作原理是这样的，那么为什么我们需要在 vue.config.js 文件中添加 scss？