16.如果我们需要在项目中使用CSS,那么我们就需要安装css-loader和style-loader模块

cnpm install css-loader style-loader

Webpack 入门教程3_Webpack

17.在项目的根目录中创建style.css文件,文件内容如下

echo ... > style.css
/*style.css中的文件内容*/
body{
        //设置背景色为灰色
	background: #ccc;
}

Webpack 入门教程3_入门教程_02

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

Webpack 入门教程3_Webpack _03

20.在浏览器中运行index.html文件,输出内容如下

Webpack 入门教程3_Webpack _04