我CRA
用typescript
模板新创建了一个反应项目
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-scripts": "5.0.0",
并按照官方文档启用主题
但是跑yarn start
哪个跑craco start
会抛出
/projectpath/node_modules/@semantic-ui-react/craco-less/dist-node/index.js:91 fileLoaderMatch.loader.exclude.push(/theme.config$/); ^
TypeError:无法在overrideWebpack(/ projectpath/node_modules/@craco/craco/lib/features/plugins.js:42:40) at /projectpath/node_modules/@craco/craco/lib/features/plugins.js:64:29 at Array.forEach () at applyWebpackConfigPlugins (/projectpath/node_modules/@craco/craco/lib/features/plugins.js:63:29) 在 mergeWebpackConfig (/projectpath/node_modules/@craco/craco/lib/features/webpack/merge-webpack-config.js :110:30) 在 overrideWebpackDev (/projectpath/node_modules/@craco/craco/lib/features/webpack/override.js:11:36) 在 /projectpath/node_modules/@craco/craco/scripts/start.js:27 :5
Node.js v17.3.0
craco.config.js
在回购的根
module.exports = {
plugins: [{ plugin: require('@semantic-ui-react/craco-less') }]
};
src/semantic-ui/site
是从一次复制粘贴,node_modules/semantic-ui-less/_site
一次尝试使用 cli 自动生成。
src/semantic-ui/theme.config
文档中提到的如下所示的结尾
/*******************************
Folders
*******************************/
@themesFolder : 'themes';
@siteFolder : '../../src/semantic-ui/site';
/*******************************
Import Theme
*******************************/
@import (multiple) '~semantic-ui-less/theme.less';
@fontPath : '../../../themes/@{theme}/assets/fonts';