角。如何从node_modules导入css

我正在使用angular 5.我的模块我正在使用单张1.2.0。角。如何从node_modules导入css

在leaflet.css我有图片的麻烦，例如，一些CSS行：

.leaflet-retina .leaflet-control-layers-toggle { 
    background-image: url(/assets/images/leaflet/layers-2x.png); 
    background-size: 26px 26px; 
} 

/* Default icon URLs */ 
.leaflet-default-icon-path { 
    background-image: url(/assets/images/leaflet/marker-icon.png); 
}

所以，我需要访问leaflet.css其相对的路线，我的尝试：

@Component({ 
    selector: 'myComponent', 
    template:`<div id="myId" class="myClass"></div>`, 
    styleUrls: ['./myComponent.component.scss','/../../../../node_modules/leaflet/dist/leaflet.css'], 
})

的文件夹结构：

--project_folder 
    --node_modules 
    --leaflet 
     --dist 
      --leaflet.css 
    --src 
    --app 
     --myComponentParent 
     --myComponent 
      --myComponent.component.ts 
      --myComponent.component.scss 
      --myComponent.component.html

可以参考我夹了SRC的？我该怎么做？

来源

2017-12-27 cucuru

如果您正在使用角CLI，您需要将单张CSS文件添加到样式数组中包含。 angular-cli.json并删除其他地方的css导入

"styles": [ 
     "styles.css", 
     "../node_modules/leaflet/dist/leaflet.css", 
]

来源

2017-12-27 15:44:07

无需像这样添加。在angular-cli.json文件中添加样式标签与脚本路径

"styles": [ 
     "../node_modules/leaflet/dist/leaflet.css", 
]

从组件删除脚本

来源

2017-12-27 15:43:08

角。如何从node_modules导入css

回答

相关问题