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