Vue.js 如何在Vue中加载外部CSS

我创建了一个

Vue

项目，其中

Typescript

具有类样式的组件。我需要包含一些外部CSS文件，比如来自

AmazonS3

。CSS似乎没有加载

在网络部分我可以看到它

---

我建议您使用

预处理器

安装
SASS
-

npm install -D sass-loader sass

然后，您将能够在
App.vue中导入
它

<style lang="scss">
@import './static/css/style.css';
</style>

我建议您使用
预处理器

安装
SASS
-

npm install -D sass-loader sass

然后，您将能够在
App.vue中导入
它

<style lang="scss">
@import './static/css/style.css';
</style>

您可以加载外部URL

<style lang="scss or less">
    @import "https://external_url_.css";
    @import ".../assest/_.css";
</style>


@进口”https://external_url_.css";
@导入“../assest/uwk.css”；

如果您安装了更多的css加载器，例如
sass加载器、css加载器、less加载器
npm
您可以加载外部URL

<style lang="scss or less">
    @import "https://external_url_.css";
    @import ".../assest/_.css";
</style>


@进口”https://external_url_.css";
@导入“../assest/uwk.css”；

您可以加载安装的css加载程序，如
sass-loader、css-loader、less-loader
npm
您可以发布如何包含css文件以及如何创建项目吗？您是否使用了vue cli
或？是，我使用了vue cli。我包括巴贝尔，TS，TSlint。。。我在index.html中简单地使用了
，更新了我的问题。您可以发布您是如何包含CSS文件的，以及您是如何创建项目的吗？您是否使用了vue cli
或？是，我使用了vue cli。我包括巴贝尔，TS，TSlint。。。我在index.html中简单地使用了
，更新了我的问题，可能重复了为什么我需要在这里使用scss。它是CSS文件，只有rytCorrect，但是
动态
导入需要
scss
。这样，您甚至可以控制单个
css
导入到单个组件。使用webpack也有JS的方式，但我推荐这里的SASS整洁且有用。将来，您可能想使用SCSS，这是可选的，在安装sass
@import url（“”）后，它对我不起作用是，我安装了sass。我在App.vueWhy我需要在这里使用SCS中放置了上述行。它是CSS文件，只有rytCorrect，但是
动态
导入需要
scss
。这样，您甚至可以控制单个
css
导入到单个组件。使用webpack也有JS的方式，但我推荐这里的SASS整洁且有用。将来，您可能想使用SCSS，这是可选的，在安装sass
@import url（“”）后，它对我不起作用是，我安装了sass。我在App.vueI安装了
“css加载器”中放置了上述行：“^3.2.0”
我是否需要在任何地方进行配置。不需要仅配置tr。如果您计划使用更少或SCS（预处理器），您可以使用预处理器加载器移动。这是您的首选。我已安装了
“css加载器”：“^3.2.0”，
我是否需要在任何地方进行配置。不需要仅配置tr。如果您计划使用较少的或scss（预处理器），则可以使用预处理器加载器移动。那是你的喜好。