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

Question

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

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