Webpack 入門教程3

16.如果我們需要在項目中使用CSS,那麼我們就需要安裝css-loader和style-loader模塊

cnpm install css-loader style-loader

17.在項目的根目錄中創建style.css文件,文件內容如下

echo ... > style.css

/*style.css中的文件內容*/
body{
        //設置背景色爲灰色
	background: #ccc;
}

18.修改runoob1.js文件,內容如下

/*runoob1.js中的文件內容*/
require("!style-loader!css-loader!./style.css");
document.write(require("./runoob2.js"));

19.使用Webpack重新打包runoob1.js爲bundle.js

webpack runoob1.js bundle.js

20.在瀏覽器中運行index.html文件,輸出內容如下