angular.js - Angular 2: 如何在運行時自動引入 normalize.css 檔案?
阿神
阿神 2017-05-15 17:05:05
0
2
869

最近學習 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 也沒找到相關問題的博文或討論。

阿神
阿神

闭关修行中......

全部回覆(2)
仅有的幸福

oc.lazyLoad試試

迷茫

建議使用angular-cli來開發
.angular-cli.json中設定:

"styles": [
        "styles.css",
        "../node_modules/normalize.css/normalize.css"
      ]
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!