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

最近学习 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 也没找到相关问题的博文或讨论。

阿神
阿神

闭关修行中......

reply all (2)
仅有的幸福

oc.lazyLoad try it

    迷茫

    It is recommended to use angular-cli for development
    Configure in.angular-cli.json:

    "styles": [ "styles.css", "../node_modules/normalize.css/normalize.css" ]
      Latest Downloads
      More>
      Web Effects
      Website Source Code
      Website Materials
      Front End Template
      About us Disclaimer Sitemap
      php.cn:Public welfare online PHP training,Help PHP learners grow quickly!