小编Dan*_*l L的帖子

Webpack 不加载 Vue 的单文件组件 CSS

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)

webpack vue.js webpack-dev-server vue-component

5
推荐指数
2
解决办法
2760
查看次数