Модуль импорта возвращает пустой объект - PullRequest
0 голосов
/ 27 января 2020

Я пытаюсь создать модуль npm, используя Webpack и TypeScript. После сборки пакета и попытки его импорта у меня есть пустой объект, а не экспортируемая по умолчанию функция.

Вы можете увидеть мою конфигурацию:

Webpack. js:

const webpack = require('webpack');
const path = require('path');

const config = {
  entry: './src/index.ts',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: '[name].js'
  },
  module: {
    rules: [
      {
        test: /\.ts(x)?$/,
        use: ['awesome-typescript-loader'],
        exclude: /node_modules/
      },
      {
        test: /\.css$/,
        use: [
          'style-loader',
          {
            loader: 'css-loader',
            options: {
              importLoaders: 1
            }
          },
          'postcss-loader'
        ]
      },
      {
        test: /\.scss$/,
        use: ['style-loader', 'css-loader', 'sass-loader']
      }
    ]
  },
  resolve: {
    extensions: ['.tsx', '.ts', '.js']
  }
};

module.exports = config;

tsconfig. json

{
  "compilerOptions": {
    "outDir": "./dist/",
    "sourceMap": true,
    "strict": true,
    "noImplicitReturns": true,
    "noImplicitAny": true,
    "module": "commonjs",
    "moduleResolution": "node",
    "target": "es5",
    "allowJs": true
  },
  "include": ["./src/**/*"]
}

Мой модуль собран, но импорт по умолчанию возвращает пустой объект. Я попробовал с примером функции:

const test = () => console.log('test');

export default test;

import test from 'my-module-name'; test() // test is not a function

Кто-нибудь уже создал модуль npm, используя веб-пакет и машинопись?

Спасибо, сообщество!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...