Задать вопрос
bemdev
@bemdev

Как начать поддерживать import?

Добрый вечер. Помогите со сборкой, вроде все ок пробегается по файлу но импорты типа не работают
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>
}
  • Вопрос задан
  • 137 просмотров
Подписаться 1 Средний Комментировать
Решения вопроса 1
bemdev
@bemdev Автор вопроса
Надо всегда точно указывать в extensions все нужные технологии
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@SeaBreeze876
Front-end разработчик
import render from './blocks/App/App';
https://habr.com/post/267639/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы