Решение Webpack дает неопределенное значение для экспортируемых переменных - PullRequest
Новая
       11

Решение Webpack дает неопределенное значение для экспортируемых переменных

0 голосов
/ 03 июля 2019

Я использовал Webpack 4 для объединения файлов в моем текущем проекте. Чтобы избежать длинных путей в операторе импорта, я использовал ключ Resolve конфигурации веб-пакета.

В настоящее время мой конфиг выглядит примерно так 

{
  resolve: {
    modules: [path.resolve(__dirname,'src/'), 'node_modules']
  },
  module: {
    rules: [
      {
        test: /\.(graphql|gql)$/,
        exclude: /node_modules/,
        loader: 'graphql-tag/loader',
      },
    ],
  },

Работает нормально, когда я импортирую любые файлы. Поэтому вместо написания 

import { STANDALONE_PATH } from '../../../url'

Я могу написать 

import { STANDALONE_PATH } from 'url'
  • В случае любого компонента React, он работает нормально, но если я импортирую любую переменную или константу, это дает undefined

ЦСИ / constant.js 

export const message = "Hello world"

ЦСИ / компоненты / карты / сообщение 

import { message } from 'constant'
console.log(message) //undefined

Любая помощь будет оценена :) 1029 *

1 Ответ

0 голосов
/ 04 июля 2019

Для этой цели вам придется использовать псевдонимы. 

module.exports = {
  //...
  resolve: {
    alias: {
      constants$: path.resolve(__dirname, 'src/contants.js')
    }
  }
};

см. https://webpack.js.org/configuration/resolve/#resolvealias для получения дополнительной информации.

...