webpack学习笔记之打包css文件

为什么要使用loader?

在开发中不仅有基本的js代码处理,也需要加载css、图片,也包括一些高级的将ES6转成ES5代码,将TypeScript转成SE5代码,将scss、less转成css,将。jsx、.vue文件转成js文件等等。
对于webpack本身来说,他是不支持这些转化的。那么就用到了loader。

loader使用过程:

1、通过npm安装需要使用的loader,css-loader和style-loader
-dev表示开发时依赖
css-loader:npm install --save-dev css-loader
style-loader:npm install --save-dev style-lader

webpack学习笔记之打包css文件

2、在webpack.config.js中的module关键字下进行配置
webpack学习笔记之打包css文件