webpack学习记录

学习链接:

https://doc.webpack-china.org/concepts/
webpack处理css类型需要依赖loader

loader 用于对模块的源代码进行转换。

loader 可以使你在 import 或"加载"模块时预处理文件。因此,loader 类似于其他构建工具中“任务(task)”,并提供了处理前端构建步骤的强大方法。loader 可以将文件从不同的语言(如 TypeScript)转换为 JavaScript,或将内联图像转换为 data URL。

loader 甚至允许你直接在 JavaScript 模块中 import CSS文件!
require('style-loader!css-loader!./style.css')
//在引用css文件之前必须让它先经过css-loader的处理,如果要修改样式还需要经过style-loader的处理。

你可能感兴趣的:(webpack学习记录)