Javascript Vue.js+；基金会和XX2B基金会；网页包配置

我只是想将

foundation.css

文件添加到我的Vue网页应用程序中。 我已经通过

安装了基础

-npm安装基础站点

然后我安装了提取文本插件

-- npm install extract-text-webpack-plugin 
--save-dev. 

我不知道下一步该怎么做

APP.vue

<template>
<div id="app">
<img src="./assets/logo.png">
<hello></hello>
</div>
</template>

<script>
import Hello from './components/Hello'

export default {
name: 'app',
components: {
Hello
}
}
</script>

<style>
import '../node_modules/foundation-sites/dist/foundation.css'
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
 text-align: center;
 color: #2c3e50;
 margin-top: 60px;
 }
 </style>

将此添加到

index.html

文件：

`<link rel="stylesheet" href="node_modules/foundation- sites/dist/foundation.css"> ` 

---

未加载基础CSS，因为它上没有使用CSS加载器< /P>

import '../node_modules/foundation-sites/dist/foundation.css'.

相反，你需要这样的东西

require("!style!css!sass!../node_modules/foundation-sites/dist/foundation.css");

---

未加载基础CSS，因为它上没有使用CSS加载器< /P>

import '../node_modules/foundation-sites/dist/foundation.css'.

相反，你需要这样的东西

require("!style!css!sass!../node_modules/foundation-sites/dist/foundation.css");

@flyingSmurfs:
我看到该项目是使用

vue cli

生成的。因此安装了

css加载程序
。

加载程序：utils.cssLoaders（）
将在网页包中配置
css加载程序

@userlkjsflkdsvm:

导入'xxx.css'
应放入
。
或
*.js


我建议将这句话放在
main.js
（项目的js条目文件）中。

我看到您在
…
部分导入css。这是错误的。
@flyingSmurfs:

我看到该项目是使用
vue cli
生成的。因此安装了
css加载程序
。

加载程序：utils.cssLoaders（）
将在网页包中配置
css加载程序

@userlkjsflkdsvm:

导入'xxx.css'
应放入
。
或
*.js


我建议将这句话放在
main.js
（项目的js条目文件）中。

我看到您在
…
部分导入css。这是错误的。
我更新了问题，在终端中得到了一个错误now@userlkjsflkdsvm看起来你没有CSS加载器！我更新了问题，在终端中得到了一个错误now@userlkjsflkdsvm看起来你没有CSS加载器！