Webpack 导入.css和cdn';使用vue cli时,index.html文件中的

Webpack 导入.css和cdn';使用vue cli时,index.html文件中的,webpack,vue-cli-3,Webpack,Vue Cli 3,大家好,希望大家都很安全, 我在/src/assets/css中有一个browser reset.css文件,该文件将在我的vue项目的整个站点中使用。因此,我想我们可以通过一个文件将其导入/public/index.html。但是这不起作用,我在控制台中看到一个错误——“样式表没有加载,因为它的MIME类型“text/html”不是“text/css”。“我正在使用 <link rel="stylesheet" href="../src/assets/css/styles.css" t

大家好,希望大家都很安全, 我在/src/assets/css中有一个browser reset.css文件,该文件将在我的vue项目的整个站点中使用。因此,我想我们可以通过一个文件将其导入/public/index.html。但是这不起作用,我在控制台中看到一个错误——“样式表没有加载,因为它的MIME类型“text/html”不是“text/css”。“我正在使用

 <link rel="stylesheet" href="../src/assets/css/styles.css" type="text/css">

在index.html文件中。我正在使用vue-cli3,想知道应用站点范围css规则的公认方式是什么,以及导入CDN链接的正确方式是什么?我在vue cli文档中未看到此场景。谢谢大家

href=“../src/assets/css/styles.css”

我们这里不这样做。这不实际
/public/index.html
是一个模板,将使用html网页包插件(打包您的vue应用程序)进行处理。在构建期间,资源链接将自动注入

转到标记下的
App.vue
文件,在
export default

</template>
<script>
import '@/assets/css/styles.css';
.
.
.

导入“@/assets/css/styles.css”;
.
.
.
如果您需要在组件中设置范围样式

只需在


Vue文档编写得非常好

谢谢。成功了。因此,基本上不要接触index.html文件,而是通过html网页包插件进行所有css导入?我通过index.html中的链接使用谷歌字体。对吗?