安装

npm install --save less less-loader

暴露出配置文件

npm run eject

config文件中的webpack.config.js

代码

const lessRegex = /\.less$/
const lessModuleRegex=/\.module\.(scss|sass)$/

位置

代码

            {test: lessRegex,exclude: cssModuleRegex,use: getStyleLoaders({importLoaders: 3,sourceMap: isEnvProduction? shouldUseSourceMap: isEnvDevelopment,modules: {mode: 'icss',},},'less-loader'),// Don't consider CSS imports dead code even if the// containing package claims to have no side effects.// Remove this when webpack adds a warning or an error for this.// See https://github.com/webpack/webpack/issues/6571sideEffects: true,},// Adds support for CSS Modules, but using SASS// using the extension .module.scss or .module.sass{test: lessModuleRegex,use: getStyleLoaders({importLoaders: 3,sourceMap: isEnvProduction? shouldUseSourceMap: isEnvDevelopment,modules: {mode: 'local',getLocalIdent: getCSSModuleLocalIdent,},},'less-loader'),},

放置的位置

引用

import Header from './header'
import './header.less'
export default Header