我正在学习将模块与webpack捆绑在一起，遇到了一个问题。在我的src文件夹中，我创建了一个CSS文件（style.css），一个JS文件（home.js），其中包含一个函数和一个JS文件（index.js），我在添加到页面之前将它们导入其中。
我在style.css的主体中添加了一个背景图片，加载正常，但是我应用于一个元素（'hi' div）的样式似乎没有应用。当检查页面上的元素时，elements类确实显示出来。
为什么这不起作用-我没看到什么？
所有三个文件都粘贴在这里：

//index.js:

console.log('hello world');
import square from './home.js';
import './style.css';
const content = document.getElementById('content');

content.appendChild(square());

//home.js:

export default function square() {
    const hi = document.createElement('div');
    hi.classList.add('black');
    hi.textContent = 'boo';

    return hi
};

//style.css:

body {
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100wv;
    background-image: url('food.jpg');
    background-size: cover;
};

.black {
    background-color: black;
    color: white;
    border: 1px solid;
    padding: 10px;
  }

字符串