Webpack 入门教程3

标签：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文件,输出内容如下

本文出自 “素颜” 博客，请务必保留此出处http://suyanzhu.blog.51cto.com/8050189/1899010

Webpack 入门教程3

标签：webpack 入门教程3

原文地址：http://suyanzhu.blog.51cto.com/8050189/1899010