React小项目（React+webpack+nodejs）--- 三、less文件处理

1、npm install less --save-dev

首先安装less服务

2、npm install less-loader --save-dev

安装less-loader服务

3、在 webpack config. js文件中将module配置项中css的部分修改为：

{
    // test: /\.css$/,
    // use: ['style-loader', 'css-loader']
    test: /\.less$/,
    use: ExtractTextPlugin.extract({
        fallback: "style-loader",
        use: [{
            loader: 'css-loader',
            options: {
                minimize: true, //css压缩
                url: false,
                sourceMap: true
            }
        },
	{
            loader: 'less-loader',
        }]
    })
}

4、将index_entry.js中对css文件的引入修改为：

import css from '../stylesheets/index.less'

执行npm run watch即可看到编译结果。