Question

我已经使用vue cli创建了一个自定义vue项目。我包括路由器和vuex。我在src / assets / css /

中有bootstrap.min.css和styles.css

在我的App.vue样式标签中，我使用以下内容：

@import'./src/assets/css/bootstrap.min.css'; @import'./src/assets/css/styles.css';

当我执行npm run serve时，这些文件将作为html提供。感觉我已经尝试了这种导入路径的上百万种变体，但没有任何效果。我将其包装在一个URL中，在main.js中“需要”它。什么都没有。

Answer 1

如果您是从node_modules中提取它，这应该可以工作：

@import "~bootstrap/scss/bootstrap";

检查我的操作here。

Answer 2

我尝试将文件而不是app.vue标记导入到main.js文件中，并且在“找不到模块... /assets/img/bg1.jpg”等行中发现错误，事实证明我的styles.css文件中的所有资产路径都需要更正后才能生效。

感谢所有协助的人！