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

Question

我正在编写一个使用 Webpack 的客户端应用程序，但我无法弄清楚如何需要 materialize-css 包。我正在使用Henrik Joreteg 的 hjs-webpack 包，并且通过在 sass 文件（例如）中进行导入来包含 Yeticss npm 包@import 'yeticss'，但这不适用于物化。像任何其他包一样直接在代码中（例如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';