Добрый вечер. Помогите со сборкой, вроде все ок пробегается по файлу но импорты типа не работают
import { render } from './blocks/App/App';
Вроде как я понимаю не хватает какого пресета или настроек, пути к компонентам правильные (проверил несколько раз)
вот пример конфига
webpack: {
name: target,
entry: join(src, target + '.tsx'),
devtool: IS_DEVELOPMENT ? 'cheap-module-eval-source-map' : false,
mode: NODE_ENV,
watch: IS_DEVELOPMENT,
output: {
path: dist,
filename: name,
chunkFilename: name,
publicPath
},
stats: {
entrypoints: true
},
resolve: {
modules: [
'node_modules',
'src'
]
},
module: {
rules: [
{
test: /\.tsx|.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: [
'@babel/preset-env',
'@babel/preset-react'
],
plugins: [
'@babel/plugin-transform-runtime'
]
}
}
}
]
},
plugins: [
new webpack.DefinePlugin({
IS_SERVER: JSON.stringify(IS_SERVER),
IS_CLIENT: JSON.stringify(IS_CLIENT),
'typeof window': JSON.stringify(IS_CLIENT ? 'object' : 'undefined')
}),
new webpack.NoEmitOnErrorsPlugin(),
...(IS_DEVELOPMENT ? [] : [
new UglifyJSPlugin()
])
]
}
Сама компонента такая
import * as React from 'react';
import Paper from '../../common.blocks/Paper/Paper';
export default function render() {
return <Paper>asd</Paper>
}