有时当需要在一个实际项目中调试正在开发的组件库时,会需要通过 npm link 或 yarn link 将本地的组件库模块引入到项目中,但 CSS Modules 会应用到这些模块所加载的 CSS 文件上,但正常情况下,node_modules 中的文件应当是被忽略的。
请使用
yarn create umi创建,并上传到你的 GitHub 仓库
npm link 或 yarn link 命令引入一个本地模块;import "./index.css"; 引入一些 CSS 样式文件;此时该 UI 组件所引入的样式文件会被应用 CSS Modules。
默认传递给 loader include/exclude 是该模块的绝对路径,和这个配置有关:
https://webpack.js.org/configuration/resolve/#resolvesymlinks
或者开发环境时使用:
https://umijs.org/zh/config/#cssmodulesexcludes
export default {
chainWebpack(config) {
config.resolve.symlinks(false);
},
// or (env dev)
cssModulesExcludes: [xxx],
}
Most helpful comment
默认传递给 loader include/exclude 是该模块的绝对路径,和这个配置有关:
https://webpack.js.org/configuration/resolve/#resolvesymlinks
或者开发环境时使用:
https://umijs.org/zh/config/#cssmodulesexcludes