最近學習 Angular 2 的時候發現 HTML 5 的通病 body margin:8px
依然存在,就像引入 normalize.css 丟棄這些不需要的樣式。
傳統的方式是直接引入.css 文件,例如: ,但是我現在想讓Angular 透過import 模組的方式自動為
index.html
引入normalize.css 樣式表。
我先是按照之前引入 Material 2 的方式:
// angular-cli-build.js
module.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.ts
import { normalize } from 'normalize-path';
這時編輯會提示:
Cannot find module 'normalize-path'.
且編譯也不通過,也許我的出發點是錯的。
我嘗試去 stackoverflow 尋找答案但是沒有找到,Google 也沒找到相關問題的博文或討論。
oc.lazyLoad試試
建議使用angular-cli來開發
在
.angular-cli.json
中設定: