1. 安装
npm i less less-loader -D
npm i customize-cra-less-loader -D
2.添加配置项
//config-overrides.js
const { override } = require('customize-cra');
const addLessLoader = require("customize-cra-less-loader");module.exports = {webpack: override(addLessLoader({// strictMath: true,// noIeCompat: true,// loader: "css-loader",// options: {// modules: {// localIdentName: "[name]__[local]___[hash:base64:5]",// },// sourceMap: true// },// css loader options cssLoaderOptions: {modules: {localIdentName: '[file]',}, },// less loader optionslessLoaderOptions: {lessOptions: {strictMath: true,}}}),)
}
// 需要下载
customize-cra-less-loader
,别从customize-cra
直接导出,会报以下错误
ValidationError: Invalid options object. Less Loader has been initialized using an options object that does not match the API schema.
3.启动
npm start