一、首先确认package.json less的版本
"less": "^2.7.3",
一定要是2.7.3
二、webapck.base.config.js的loader配置
{
test: /\.less$/,
use: ['style-loader', 'css-loader', 'less-loader'],
include: [resolve('../src/'), resolve('../node_modules/')]
},
三、在你的src文件夹下面写一个defalut.less
@import '~antd/dist/antd.less';
@primary-color: #d11212;
npm run dev直接就能覆盖了
但是打包之后主题颜色还是没有生效,该怎么办呢?
修改webpack.base.conf.js
{
test: /(\.jsx|\.js)$/,
include: resolve('src'),
loader: 'babel-loader',
+ query: { // 打包的时候 保证主题能覆盖住
+ plugins: [
+ ['import', [{ libraryName: "antd", style: true }]], // 加载 less 文件
+ ]
+ }
},
加上这句接ok了
有问题联系博主,欢迎交流讨论!