Question

我开始使用this extension中的模板，以获得正在运行的angular2 + .net core起点。我不想使用boostrap，而是使用materialize-css，因此我删除了package.json中的引导程序包，而是添加了"materialize-css": "0.98.0",

然后我编辑了webpack.config.vendor.js，我删除了bootstrap并将materialize-css添加到“vendor”列表中。

然后我重建了所有内容，但似乎materialize-css仍然不存在（找不到它的css类）。我试图清除浏览器缓存，甚至尝试在全新的浏览器（边缘）上打开，但仍然没有物化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',
    ]

Answer 1

你正确地做了一切，只需稍微改变一件事。在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

VS2015中的WebPack：如何配置新包？

1 个答案: