我使用create-react-app(typescripts)来构建项目,并按the website I was following的说明添加了带有custom-cra的[email protected]。
我想使用module.css,我想使用module.less,就像css,但是遇到了一些错误消息:
./src/layout/basic.module.less (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-8-1!./node_modules/postcss-loader/src??postcss!./node_modules/less-loader/dist/cjs.js??ref--6-oneOf-8-3!./src/layout/basic.module.less)
ValidationError: Invalid options object. CSS Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'localIdentName'. These properties are valid:
object { url?, import?, modules?, sourceMap?, importLoaders?, localsConvention?, onlyLocals?, esModule? }
我的代码如下:
const {
override,
addWebpackAlias,
fixBabelImports,
addLessLoader,
addDecoratorsLegacy
} = require('customize-cra');
module.exports = override(
addWebpackAlias({
"@":require('path').resolve(__dirname,"src")
}),
fixBabelImports('import',{
libraryName:'antd',
libraryDirectory:'es',
style:true
}),
addLessLoader({
javascriptEnabled:true,
modifyVars:{'@primary-color':'#1DA57A'},
}),
addDecoratorsLegacy()
);
确切地说,customize-cra
的最新版本与create-react-app
的最新版本不兼容。尝试安装css-loader
以获取Alpha版本。他们在那里解决了这个问题。