webpack安装loader和配置

一、安装css-loader和style-loader：

1、
1）这两个是要一起安装的，否则可能识别不了文件或报错。
npm i css-loader style-loader -d
2）如果一起安装不上或出错，可一个一个的安装
npm i css-loader -d
2、配置文件：找到webpack.config.js文件，在文件中敲入下图红圈内容

3、入口js中导入样式：如图

二、安装图片加载loader

1、终端安装
npm i file-loader url-loader -d
2、webpack.config.js配置文件如下红圈；
在配置中不要写use，写loader，否则报错如下：
Error: options/query provided without loader (use loader + options) in

3、不需要引入任何文件到入口js中

三、安装less.loader

1、安装：
1）终端安装：
npm i less.loader -d
2、配置文件如下图：

3、在入口文件引入less

引入完成后，如果不用less文件，可停用掉。