Vue-cli 导入 css 不起作用答案

【问题标题】：Vue-cli import css not workVue-cli 导入 css 不起作用
【发布时间】：2018-10-31 05:19:37
【问题描述】：

<style src="@/assets/css/base.css"> ->ok
<style src="./assets/css/base.css"> ->error

This dependency was not found:
* !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-656039f0","scoped":false,"hasInlineConfig":false}!./assets/css/base.css in ./src/components/HelloWorld.vue

To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-656039f0","scoped":false,"hasInlineConfig":false}!./assets/css/base.css

@import '@/assets/css/base.css' ->error
@import './assets/css/base.css' ->error

Module build failed: Error: Failed to find '@/assets/css/base.css'
@ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-656039f0","scoped":false,"hasInlineConfig":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/HelloWorld.vue 4:14-312 13:3-17:5 14:22-320

我搜索了很多方法，我尝试了，但它不起作用。我不知道哪种方法可以解决我的问题。

【问题讨论】：

澄清一下，您是在专门寻找一种在style 标签内使用@import 关键字的方法？为什么不直接使用您确认有效的<style src="..."> 方法？

标签： css webpack vue.js import vue-cli

【解决方案1】：

创建一个名为 static 的文件夹，将你的 css 放入并在 index.html 中包含链接

<link rel="stylesheet" type="text/css" href="/static/fille.css">

【讨论】：

【解决方案2】：

另一个选项似乎是，在App.vue 文件中，在<script> 标签内：

<script>
import "@/assets/css/base.css";
export default {};
</script>

但是

<style src="@/assets/css/base.css"></style>

同样有效。

【讨论】：