loader的安装是用来读取css文件的css-loader
,再用style-loader
把它插入到页面的
<h3>安装命令如下:</h3>
npm install css-loader style-loader --save-dev
在package.json
中,主要是devDependencies
这个字段有改变
"devDependencies": {
"css-loader": "^0.23.1",
"style-loader": "^0.13.0",
"webpack": "^1.12.2"
}
还是上一篇文章中的文件,添加一个css文件,style.css,内容如下:
body{
font-size:20px;
color: yellow;
}
修改file.js
文件,原文内容不变,添加require("!style-loader!css-loader!./style.css");
,用来引入css文件。
继续编译:
webpack file.js f1.js
<h3>扩展名字段绑定loader</h3>
将file.js
文件中的require("!style-loader!css-loader!./style.css");
,修改为require("./style.css")
,执行命令如下:
webpack file.js f1.js --module-bind "css=style-loader!css-loader"
网友评论