Как установить полифилл Аурелия - PullRequest
Новая
       22

Как установить полифилл Аурелия

0 голосов
/ 03 июня 2018

Я использую плагин aurelia-validation и хочу использовать их BootstrapFormRenderer при возникновении ошибки: https://aurelia.io/docs/plugins/validation#custom-renderers

Мне действительно нужно, чтобы он работал на IE 11, и, как говорят, мне нужно заполнить polyfillдля того, чтобы заставить его работать.

Как я могу установить polyfill и использовать его в aurelia, чтобы он работал с IE 11?Вот ссылка для полифилла: https://github.com/jonathantneal/closest

1 Ответ

0 голосов
/ 12 июня 2018

На основании вашего комментария я могу ответить на ваш вопрос, основываясь на использовании CLI Aurelia с RequireJS в качестве загрузчика / сборщика модулей.

Первое, что вам нужно сделать, это использовать NPM для установки полизаполнения. 

 npm install --save element-closest

После того, как вы это сделаете, вам нужно обновить файл aurelia.json.Это находится в папке aurelia_project.Если вы все еще работаете с той же настройкой, которая была вам предоставлена ​​при запуске au new, тогда будут настроены два пакета app-bundle.js и vendor-bundle.js.Конфигурация vendor-bundle имеет свойство prepend, в котором уже настроены некоторые вещи.Раздел prepend - это место, где вы хотите поместить свой polyfill, так как модуль bundler просто скопирует / вставит содержимое файла с polyfill в начало файла bundle.Он не будет заключен в модуль или что-то еще, и, таким образом, во время выполнения код полизаполнения будет выполняться автоматически, добавляя полифилл, если это необходимо.Я бы порекомендовал добавить полифилл в качестве первого элемента в разделе vendor-bundle prepend.По крайней мере, его нужно поместить до require.js в разделе prepend.Вы можете увидеть пример ниже: 

    "name": "vendor-bundle.js",
    "prepend": [
      "node_modules/element-closest/element-closest.js",
      "node_modules/bluebird/js/browser/bluebird.core.js",
      {
        "path": "node_modules/aurelia-cli/lib/resources/scripts/configure-bluebird-no-long-stacktraces.js",
        "env": "stage & prod"
      },
      {
        "path": "node_modules/aurelia-cli/lib/resources/scripts/configure-bluebird.js",
        "env": "dev"
      },
      "node_modules/requirejs/require.js"
    ],

После этого и запуска au build или au run, вот как выглядит начало моего scripts/vendor-bundle.js файла:

enter image description here

Оригинальный ответ ниже :

Прошла неделя с тех пор, как вы задавали вопрос, и ответа не было.Причина в том, что ваш вопрос крайне расплывчатый.

Ответ будет зависеть от того, какой загрузчик / компоновщик модулей вы используете при создании приложения.Вы используете Aurelia CLI?Если да, то используете ли вы RequireJS или Webpack?

Обратите внимание, что на самом деле это не вопрос Aurelia, а вопрос относительно того, какой пакет вы используете.Также обратите внимание, что в качестве крайней меры полифилы могут быть просто загружены с помощью тегов скрипта.

...