加载 CSS 文件

我们想要在应用中添加一个css文件。

WebPACK只能处理JavaScript本身，所以我们需要css-loader去处理 CSS。我们还需要style-loader去应用这个样式在CSS文件。

安装 loader：

npm install css-loader style-loader

注意：安装 loaders（只需要在本地安装，不需 -g）将会创建一个 node_modules 文件夹，在哪里 loaders 将会激活。

我们要在页面中引入一个 CSS 文件 style.css，首页将 style.css 也看成是一个模块，然后用 css-loader 来读取它，再用 style-loader 把它插入到页面中。

添加一个style.css文件

body {
    background: red;
}

修改 entry.js：

+ require("!style!css!./style.css");   // 载入 style.css
  document.write(require("./content.js"));

重新编译并更新您的浏览器看到红色背景。