如何在 webpack 中包含 materialize-css npm 包

Question

我正在编写一个使用 Webpack 的客户端应用程序，但我不知道如何需要 materialize-css 包。我正在使用 Henrik Joreteg's hjs-webpack package，并且通过在 sass 文件（例如 @import 'yeticss'）中进行导入来包含 yeticss npm 包，但这并不为物化工作。像任何其他包一样直接在代码中要求它（例如 import 'materialize-css' 在 JS 文件中）也不起作用。

Answer 1

在这种情况下，与 yetics 不同，您需要进入并要求特定文件，而不仅仅是包名称，因此：

import 'materialize-css/dist/css/materialize.min.css';
import 'materialize-css/dist/js/materialize.min';

Answer 2

在我的例子中，我使用的是 create-react-app，并且我能够执行：

yarn add materialize-css

然后在我的index.js（顶级反应文件）中：

import '../node_modules/materialize-css/dist/css/materialize.min.css';
import '../node_modules/materialize-css/dist/js/materialize.min';