1.安装less:npm install less less-loader --save
2.在config/webpack.config.js中配置:
版本小于css-loader3
//找到
oneOf: [
//添加下面的配置
{
test: /\.less$/,
use: [
{ loader: 'style-loader' },
{ loader: 'css-loader?modules&localIdentName=[name]__[local]--[hash:base64:5]' },
{ loader: 'less-loader' }
]
}
...]
3.在页面引入less文件
import styles from "./test.less";
4…使用样式
<div className={styles.test}>