Как использовать операторы import в пользовательском веб-загрузчике

Question

Я пытаюсь создать собственный загрузчик веб-пакетов (чтобы импортировать все, что указано в моем файле json).

Первым делом я скопировал какой-то пример загрузчика (я выбрал загрузчик файлов) и зарегистрировал его как свой.пользовательский загрузчик (в webpack.config.js):

rules: [{
    test: /\.(png|svg|jpg|gif)$/,
    use: [ { loader: path.resolve('asset-loader/index.js'), options: { } } ]
  },{

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

import path from 'path';

ЧерезВ ходе некоторых экспериментов я обнаружил, что он не может понять синтаксис импорта ES6, но вместо этого ожидает «require ('path').

Почему это так? Как я уже сказал, я скопировал загрузчик файлов из github - который работаетпросто отлично.

Есть ли способ настроить веб-пакет для работы с операторами импорта?

Answer 1

Вы не можете использовать синтаксис esm, потому что узел не разрешает этот YET.Вы должны разобрать его в cjs, чтобы его можно было интерпретировать по узлу.

Почему он работает с загрузчиком файлов?Потому что, как вы можете видеть здесь , распределенный файл компилируется / переносится.