問(wèn)題描述

最近學(xué)習(xí) Angular 2 的時(shí)候發(fā)現(xiàn) HTML 5 的通病 body margin:8px 依然存在，就像引入 normalize.css 丟棄這些不需要的樣式。

傳統(tǒng)的方式是直接引入 .css 文件，如：<link rel='stylesheet' href='http://www.lshqa.cn/wenda/node_modules/normalize.css/normalize.css' /> ，但是我現(xiàn)在想讓 Angular 通過(guò) import 模塊的方式自動(dòng)為 index.html 引入 normalize.css 樣式表。

我先是按照之前引入 Material 2 的方式：

// angular-cli-build.jsmodule.exports = function(defaults) { return new Angular2App(defaults, { vendorNpmFiles: [ ’normalize-path/index.js’, ] });};

// system-config.ts const map: any = { ’normalize’: ’vendor/normalize-path’,};/** User packages configuration. */const packages: any = { ’normalize’: {main: ’index.js’},};

// app.component.tsimport { normalize } from ’normalize-path’;

這時(shí)編輯器會(huì)提示：

Cannot find module ’normalize-path’.

并且編譯也不通過(guò)，也許我的出發(fā)點(diǎn)是錯(cuò)的。

我嘗試去 stackoverflow 尋找答案但是沒(méi)有找到，Google 也沒(méi)找到相關(guān)問(wèn)題的博文或討論。

問(wèn)題解答

oc.lazyLoad試試

建議使用angular-cli來(lái)開(kāi)發(fā)在.angular-cli.json中配置：

'styles': ['styles.css','../node_modules/normalize.css/normalize.css' ]