扩展名自动绑定loader
如果每次 require CSS 文件的时候都要写 loader 前缀,是一件很繁琐的事情。
我们可以根据模块类型(扩展名)来自动绑定需要的 loader这样写require("./style.css")。
修改entry.js
- require("!style!css!./style.css");
+ require("./style.css");
document.write(require("./content.js"));
注意:-表示这行删掉或者注释掉,+表示新增的内容。
编译:
webpack ./entry.js bundle.js --module-bind "css=style!css"
注意:!在shell中有特殊意义,需要转义,这样写才会成功的
webpack ./entry.js bundle.js --module-bind "css=style\!css"
显然,这两种使用 loader 的方式,效果是一样的。