提问人：neurodynamic 提问时间：12/23/2015 更新时间：5/19/2020 访问量：18597
如何在 webpack 中包含 materialize-css npm 包
How to include materialize-css npm package with webpack
问：
我正在编写一个使用 Webpack 的客户端应用程序，但我无法弄清楚如何需要 materialize-css 包。我正在使用 Henrik Joreteg 的 hjs-webpack 包，并且通过在 sass 文件（例如）中导入来包含 yeticss npm 包，但这不适用于 materialize。在代码中直接要求它（例如 在 JS 文件中）与任何其他包一样也不起作用。@import 'yeticss'import 'materialize-css'
答：
40赞
neurodynamic
12/23/2015
#1
在这种情况下，与 yeticss 不同，您需要进入并需要特定的文件，而不仅仅是包名称，因此：
import 'materialize-css/dist/css/materialize.min.css';
import 'materialize-css/dist/js/materialize.min';
评论
1赞
Thibault Fouquaert
6/13/2017
谢谢，这应该在官方文档的某个地方。
1赞
Mike Lippert
6/7/2018
我将其更改为导入，并且由于包 main 指向 /dist/jsmaterialize-css/dist/js/materialize.jsmaterialize-css/dist/css/materialize.css
0赞
kolen
6/22/2020
据我了解，这进入文件，但是应该将什么样的导入添加到文件中？.js.css
0赞
kchak
7/28/2020
@kolen您需要启用 css-loader 才能如图所示工作。这两个导入都用于 js 文件。
10赞
brittohalloran
12/15/2017
#2
就我而言，我正在使用 create-react-app，并且我能够执行：
yarn add materialize-css
然后在我的（顶级 react 文件）中：index.js
import '../node_modules/materialize-css/dist/css/materialize.min.css';
import '../node_modules/materialize-css/dist/js/materialize.min';
评论