webpack处理css以及less

使用rules分别配置处理css和less的时候,那么对应的处理loader也应该一致

由于使用了MiniCssExtractPlugin这个插件,生成的css文件被打包到dist/css文件夹下
这样打包之后的图片路径会与实际配置的发生改变,需要../进行跳出一层级别

使用了less的文件处理之后没有使用插件,通过style-loader的打包,渲染成为了页面style标签,图片路径是正确的
处理css以及less文件的时候最好是使用同一种方式进行打包,不然还需要区分生成之后的路径问题
webpack处理css以及less

上一篇:webpack模块打包工具


下一篇:webpack学习:配置css,图片,文件,react等