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

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

0 голосов
/ 28 февраля 2019

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

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

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

  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!

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

1 Ответ

0 голосов
/ 22 апреля 2019

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

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

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

...