WebPack в VS2015: как настроить новый пакет?

Я начал с шаблона из этого расширения, чтобы запустить angular2+ .net core отправная точка. Я не хотел использовать boostrap, но materialize-cssпоэтому я удалил пакет начальной загрузки в package.jsonвместо этого я добавил "materialize-css": "0.98.0",

Затем я отредактировал webpack.config.vendor.jsЯ удалил бутстрап и добавил materialize-css в список "продавца".

Тогда я перестроил все, но кажется, что materialize-css все еще нет (не может найти его классы CSS). Я пытался очистить кеш браузера, пытался даже открыть в новом браузере (ребро), но все же, никаких классов materialize-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',
    ]

1 ответ

Вы все делаете правильно, просто нужно сделать одну вещь немного по-другому. В вашем webpack.config.vendor.js, вместо materialize-css, добавлять materialize-css/dist/css/materialize.css к vendor массив:

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

Это будет включать в себя CSS к вашему полученному комплекту. Если вам также нужны шрифты и файлы js из materialize-css, вам необходимо настроить соответствующие загрузчики, см. https://www.npmjs.com/package/materialize-loader

Другие вопросы по тегам