0

我从这个扩展的模板开始，以获得一个正在运行的angular2+.net core起点。我不想使用boostrap，但是materialize-css，所以我删除了 bootstrap 包package.json，而是添加了"materialize-css": "0.98.0",

然后我编辑了webpack.config.vendor.js，我删除了引导程序并添加materialize-css到“供应商”列表中。

然后我重建了一切，但似乎materialize-css仍然不存在（找不到它的 css 类）。我试图清除浏览器缓存，甚至尝试在全新的浏览器（edge）上打开，但仍然没有实现 css 类。

我错过了什么？

编辑

目前，我的供应商列表如下：

    vendor: [
        '@angular/common',
        '@angular/compiler',
        '@angular/core',
        '@angular/http',
        '@angular/platform-browser',
        '@angular/platform-browser-dynamic',
        '@angular/router',
        '@angular/platform-server',
        'angular2-universal',
        'angular2-universal-polyfills',
        'materialize-css',
        'es6-shim',
        'es6-promise',
        'jquery',
        'zone.js',
    ]
4

1 回答 1

0

你做的一切都是正确的，只需要稍微不同地做一件事。在你的webpack.config.vendor.js，而不是materialize-css，添加materialize-css/dist/css/materialize.css到vendor数组中：

...
entry: {
    vendor: {
        ...
        'materialize-css/dist/css/materialize.css',
        ...
    }
}

这将包含 css 到您的结果包中。如果您还需要来自 materialize-css 的字体和 js，则需要配置适当的加载器，请参阅https://www.npmjs.com/package/materialize-loader

于 2017-02-26T10:20:16.720 回答