Webpack 正在编译单个文件组件,但不加载 CSS。HTML 和 Vue 正确呈现,但没有 CSS。这似乎是 webpack 配置的问题。知道出了什么问题吗?
我正在使用webpack-dev-server加载开发服务器。
源代码/索引.html
<html>
<head>
<title>Vue Hello World</title>
</head>
<body>
<h1>Header</h1>
<div id="app"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
源代码/你好.vue
<template>
<p>{{ greeting }} Test!</p>
</template>
<script>
module.exports = {
data : function () {
return {
greeting: 'Hello'
}
}
}
</script>
<style scoped>
p {
font-size: 18px;
font-family: 'Roboto', sans-serif;
color: blue;
}
</style>
Run Code Online (Sandbox Code Playgroud)
源代码/main.js
import Vue from 'vue';
import Hello from './Hello.vue';
new Vue({
el: '#app',
render: h => h(Hello),
}); …Run Code Online (Sandbox Code Playgroud)