webpack(一） 安裝使用 之css使用注意

在webpackDemo 文件夾中新建 style.css，index.html

style.css 中將背景色設為紅色。

body{
    background-color: red;
}

he'llWorld.js

require('./test.js');
require('./style.css');
function hello(){
    console.log("Hello, Webpack!");
}

hello();

運行命令，會報錯，如下圖：

　　

　　這是因為沒有 css解析器的原因，需要安裝 style-loader、css-loader.

　　命令如下

npm install css-loader style-loader --save-dev

　　然后，將require語句改成

require('style-loader!css-loader!./style.css');

　　重新運行即可