49.react中使用less

1.安装less:npm install less less-loader --save

2.webpack.config.js中配置：

oneOf: [

{

  test: /\.less$/,

  use: [

    { loader: 'style-loader' },

    { loader: 'css-loader?modules' },

    { loader: 'less-loader' }

     ]

 }

     ...]

3.新建home.less文件，引入less文件：

import styles from './home.less'

 

4.使用样式：

<div className={styles.demo}>xlf</div>