🎑 [Webpack实战: 入门、进阶与调优] 4. 预处理器

module.exports = function loader( content, map, meta ) {
	const callback = this.async()
	const result = handler(content, map ,meta)
	callback(
		null,             // error
		result.content,   // 转换后的内容
		result.map,       // source-map
		result.meta       // AST
	)
}

// app.js
import 'index.css'

module.exports = {
	...,
	module: {
		rules: [{ 
			test: /\.css$/,
			use: [
				'style-loader', // 将css插入到界面中
				'css-loader'    // 处理样式各种加载语法 @import url() 并将结果作为js返回
			]
		}]
	}
}