css - 如何使用 webpack 在 React 应用程序中包含 "leaflet.css"？

Question

我使用 survivaljs.com 网站作为模板，使用 webpack 构建基于 map 的 React 应用程序。对于我正在使用传单的 map ，但我找不到添加 leaflet.css 的方法。如果没有这个， map 图 block 将以错误的顺序显示。

我已经尝试使用这个将 leaflet.css 添加到 App.jsx 文件中

 require('leaflet/dist/leaflet.css');

但出现如下错误

ERROR in ./~/leaflet/dist/leaflet.css
Module parse failed: myApp/node_modules/leaflet/dist/leaflet.css Unexpected token (3:0)
You may need an appropriate loader to handle this file type.

如果我可以访问 index.html，我可以将它添加到那里，但我使用 webpack，我不清楚该怎么做？

Answer 1

我通过简单地导入 CSS 解决了这个问题:

import 'leaflet/dist/leaflet.css';