angular.js - Angular 2: 如何在运行时自动引入 normalize.css 文件?
阿神
阿神 2017-05-15 17:05:05
0
2
867

最近学习 Angular 2 的时候发现 HTML 5 的通病 body margin:8px 依然存在,就像引入 normalize.css 丢弃这些不需要的样式。

传统的方式是直接引入 .css 文件,如:<link rel="stylesheet" href="node_modules/normalize.css/normalize.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 사용해 보세요

迷茫

개발에는 angle-cli를 사용하는 것이 좋습니다.
구성은 .angular-cli.json:

으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!