Есть ли способ интеграции Material-компонентов-web в ASP.NET MVC

Я пытаюсь интегрировать материал-компоненты-сеть из Material.io. Но это оказалось довольно хлопотно. Я также очень новичок в мире Node, поэтому я учусь долго.

Это то, что я сделал до сих пор:

  1. В сочетании с NPM в Visual Studio 2017 я могу использовать множество функций, но на самом деле это не работает так, как я себе представлял. Npm init например зависает, но команды install/update работают нормально.

  2. Получил Packag.json со следующими зависимостями:

    "devDependencies": { "material-components-web": "0.44.1", "gulp": "3.9.1", "gulp-util": "3.0.8", "gulp-minify-css": "1.2.4", "gulp-path": "4.0.0", "gulp-js-minify": "0.0.3", "gulp-sass": "3.1.0", "gulp-flatten": "0.4.0" }

  3. Установил Gulp и настроил мой компилятор Sass и минификатор css/js (для производства). И настроить их для запуска, прежде чем я построю свой проект

У меня есть папка @material со всеми основными компонентами. Но сейчас я сталкиваюсь с проблемой зависимостей модуля Javascript.

Я заметил, что стандартные методы 'require' там, где они не работают, потому что это специфический для узла преобразователь (поправьте меня, если я ошибаюсь). Сначала я попытался интегрировать Babel в gulp, чтобы преобразовать импорт в ECMA. Но это казалось неудачным.

Теперь я конвертирую все операции импорта / экспорта вручную (поэтому обновление не требуется). Это начало работать отлично. Но теперь я запутался в аде зависимостей, со ссылками и импортом повсюду... Из зависимостей вроде (focus-trap.js, tabbale и xtend)

Возможно ли это даже интегрировать в ASP.NET MVC? Я также заметил, что Material-components-web начинает переключаться на TypeScript на своем github!

Любые советы или помощь действительно приветствуются.

Источник

0 ответов

В итоге я сделал следующее, чтобы использовать материал-компоненты-сеть для внешнего интерфейса:

  1. Скачал Node.Js и добавил расположение NPM в качестве ссылки на стороннюю версию Visual studio 2017.
  2. Добавил папку node_modules в мой проект и запустил npm-install
  3. Скопировал все зависимости (кроме "Вавилона" транспортера). И установил их с помощью NPM
  4. Создан конфиг WebPack для компиляции, извлечения и т. Д. И т. Д.

На самом деле это было довольно просто, но без каких-либо знаний и информации использовать этот тип пакетов NPM в более старом проекте MVC было довольно сложно.

Если кому-то нужна дополнительная информация или помощь, просто прокомментируйте ниже.

Источник
Другие вопросы по тегам