如何从npm包导入Here Maps JavaScript SDK的CSS样式文件?
从npm包导入Here Maps JavaScript SDK样式表
- 先删除
index.html中引入的CDN样式链接,无需再通过外部资源加载。 - 在项目入口文件(如
src/index.tsx或src/App.tsx)中,通过以下方式从npm包导入样式:// 导入核心地图基础样式 import '@here/maps-api-for-javascript/styles/here-maps.css'; // 导入UI组件样式(对应之前CDN的mapsjs-ui.css) import '@here/maps-api-for-javascript/styles/mapsjs-ui.css'; - 若需使用其他附加样式(如地图气泡、路线控件样式等),可查看npm包内的
styles目录按需导入,示例:// 导入地图气泡样式 import '@here/maps-api-for-javascript/styles/mapsjs-bubble.css';
这种方式会让webpack(react-scripts内置的打包工具)自动处理样式文件,将其整合到项目的打包资源中,更契合npm项目的依赖管理流程。
内容的提问来源于stack exchange,提问作者MakePeaceGreatAgain
相关产品推荐
相关产品推荐

