reactjs - 如何通过 webpack 在 LESS 中导入 Blueprint 2？

Question

蓝图文档说要使用这个：

@import "~@blueprintjs/core";

但是，如果我尝试这样做，我会从 webpack 收到此错误：

Can't resolve '@blueprintjs/core.less'

第 123 期处理类似的问题，很多人建议使用这个：

@import "~@blueprintjs/core/dist/blueprint.css";

webpack 也不喜欢这样：

Module not found: Error: Can't resolve '@blueprintjs/core/dist/blueprint.css'

查看dist/目录，我可以看到那里只有一个 JS 文件：

$ ls node_modules/\@blueprintjs/core/dist/
core.bundle.js

经过一些试验和错误，我发现这有效：

@import "~@blueprintjs/core/lib/css/blueprint.css";

但这对我来说似乎不正确。此外，没有任何图标是通过此方法加载的。

这样做的正确方法是什么？

Answer 1

一位 Blueprint 开发人员用一些有用的信息回复了我的 GitHub 问题。你可以在这里看到完整的线程：https ://github.com/palantir/blueprint/issues/2057

简而言之，@blueprintjs/icons也必须安装，并且必须导入另一个样式表：

@import '~@blueprintjs/core/lib/css/blueprint.css';
@import '~@blueprintjs/icons/lib/css/blueprint-icons.css';