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

Question

我正在编写一个使用Webpack的客户端应用程序，我无法弄清楚如何要求materialize-css包。我正在使用Henrik Joreteg's hjs-webpack package，并且通过在sass文件中导入（例如@import 'yeticss'），包含了nic包，但这不适用于实现。在代码中直接要求它（例如JS文件中的import 'materialize-css'）就像任何其他包一样也不起作用。

Answer 1

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

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

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.js';