Webpack 入门教程3
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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的主要内容,如果未能解决你的问题,请参考以下文章