Зачем использовать настройки, связанные с машинописным текстом, в webpack - PullRequest
Новая
       85

Зачем использовать настройки, связанные с машинописным текстом, в webpack

0 голосов
/ 13 июля 2020

Я новичок в typescript, react, webpack combo и действительно не понимаю, зачем добавлять настройки, связанные с ts, в webpack, если компилятор машинописного текста уже создает js файлов из всех файлов ts и tsx.

У меня есть следующая конфигурация webpack после прочтения множества руководств, и она отлично работает: 

module.exports = {
    watch: true,
    mode: 'development',
    devtool: 'source-map', 
    target: 'web', 
    entry: {
        'home': jsModuleFolder + 'home.js', 
        vendor: ['react', 'react-dom'],
    },
    output: {
        filename: '[name].bundle.js',
        path: path.join(__dirname, jsModuleFolder + '../js/')
    },
    resolve: {
        extensions: ['.ts', '.tsx', '.js', '.jsx'],
    },
    module: {
        rules: [
            {
                test: /\.(ts|tsx)$/,
                loader: 'ts-loader',
            },
        ]
    },
}

Почему бы просто не использовать что-то вроде этого: 

module.exports = {
    watch: true,
    mode: 'development',
    devtool: 'source-map', 
    target: 'web', 
    entry: {
        'home': jsModuleFolder + 'home.js', 
        vendor: ['react', 'react-dom'],
    },
    output: {
        filename: '[name].bundle.js',
        path: path.join(__dirname, jsModuleFolder + '../js/')
    },
    resolve: {
        extensions: ['.js'],
    }
}

Почему Мне нужен ts-loader (или любой другой подобный загрузчик), и зачем мне добавлять .ts, .tsx для разрешения расширений?

...