Я пытаюсь создать модуль 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, используя веб-пакет и машинопись?
Спасибо, сообщество!