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即可看到编译结果。