Глобальный импорт файла JavaScript с помощью веб-пакета ProvidePlugin - PullRequest
Новая
       12

Глобальный импорт файла JavaScript с помощью веб-пакета ProvidePlugin

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

У меня есть функция для сетевых вызовов, и я хочу, чтобы эта функция была доступна глобально, и мне не нужно импортировать ее каждый раз, когда мне нужно использовать функцию

Request.js 

import 'whatwg-fetch';

/**
 * Parses the JSON returned by a network request
 *
 * @param  {object} response A response from a network request
 *
 * @return {object}          The parsed JSON from the request
 */
function parseJSON(response) {
  if (response.status === 204 || response.status === 205) {
    return null;
  }
  return response.json();
}

/**
 * Checks if a network request came back fine, and throws an error if not
 *
 * @param  {object} response   A response from a network request
 *
 * @return {object|undefined} Returns either the response, or throws an error
 */
function checkStatus(response) {
  if (response.status >= 200 && response.status < 300) {
    return response;
  }
  const error = new Error(response.statusText);
  error.response = response;
  throw error;

}

/**
 * Requests a URL, returning a promise
 *
 * @param  {string} url       The URL we want to request
 * @param  {object} [options] The options we want to pass to "fetch"
 *
 * @return {object}           The response data
 */
export default function request(url, options) {
  return fetch(url, options)
    .then(checkStatus)
    .then(parseJSON);
}

Webpack.config.js 

    plugins: [
      new webpack.ProvidePlugin({
        fetch: 'exports-loader?self.fetch!whatwg-fetch',
        request : require.resolve(path.join(process.cwd(),'app/utils/request.js'))
      })]

Поэтому, когда я пытаюсь использовать функцию запроса в любом другом файле, выдается сообщение об ошибке «Модуль не найден».Я также пытался добавить правило ( Shimming ), которое также не работало.

Заранее спасибо:)

1 Ответ

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

В документах Webpack :

Для импорта экспорта по умолчанию модуля ES2015 необходимо указать свойство модуля по умолчанию.

Так что просто измените ваш конфиг на что-то вроде этого: 

plugins: [
  new webpack.ProvidePlugin({
    fetch: 'exports-loader?self.fetch!whatwg-fetch',
    request: [path.resolve('app/utils/request.js'), 'default']
  })
]
...