Question

我正在尝试使用semantic-ui-less软件包，但每当我尝试导入其中一个.less文件时，都会收到错误消息，指出无法找到../../theme.config。当然，我有theme.config，但找不到它。

导入theme.config的.less文件位于node_modules/semantic-ui-less/src/definitions/modules/checkbox.less。使用相对路径为.. / ..，我希望它希望themes.config位于node_modules/semantic-ui-less/src，但显然我不能将自己的theme.config放在已安装的节点模块目录中 - 所以我在哪里可以找到它，以便少找到它？或者是否有一些配置我可以传递给less-loader，告诉它如何找到它？

Answer 1

您可以使用resolve.alias选项直接将webpack指向您的theme.config文件：

resolve: {
  alias: {
    'theme.config': path.join(__dirname, 'src', 'theme.config')
  }
}

当然，您需要一个.config文件加载器。

Answer 2

我使用Artem Butusov's tutorial中提供的解决方案。

它通过运行postinstall脚本来解决问题，该脚本通过覆盖 node_modules中的theme.config来修复 semantic-ui-less 包中的错误引用/ em>与您提供的那个。

它还修复了主题中错误的字体路径。

（当我试图解决同样的问题时，我在{{3>} semantic-ui-less 中遇到了这个解决方案。）

在webpack项目中使用semantic-ui

2 个答案: