Webpack resolve.alias yazı tipiyle çalışmıyor mu?

Question

Ben

böylece O bölümü yapılandırılmış import {Hello} from "./components/Hello";

Sana WebPack içinde resolve.alias kullanabilirsiniz öğrendim Bunun için

import {Hello} from "Hello"; ila daktilo versiyonunda benim ithalatı kısaltmak için denemek

şöyle

resolve: { 
    root: path.resolve(__dirname), 
    alias: { 
     Hello: "src/components/Hello" 
    }, 
    extensions: ["", ".ts", ".tsx", ".js"] 
}, 

Webpack oluşturur ve çıktı bundle.js çalışır. Bununla birlikte, typescript'in intellisense'i, bu nedenle, webpack'in resolc.aliasının typescript ile çalışıp çalışmadığı sorusudur.

Aşağıdaki issue'u buldum ama yanıtı yok.

Answer 1

Eğer ts-loader kullanıyorsanız, size tsconfig.json içinde WebPack sizin paths ayarı ile alias/resolve ayarları senkronize etmek gerekebilir.

{ 
    "compilerOptions": { 
     "baseUrl": "./", 
     "paths": { 
      "Hello": ["src/components/Hello"] 
     } 
    } 
} 

Eğer awesome-typescript-loader kullanıyorsanız, o zaman webpack the status on this issue from the repo uyarınca, sizin tsconfig.json içinde paths ayarından otomatik olarak bunu bulabilirsiniz. Bu şekilde, aynı bilgileri Webpack alias alanınızda çoğaltmanız gerekmez.

Answer 2

Ben Bunu yapabileceğini düşünmek ve açıkladığınız şekilde çalışır var: Sonra

resolve: { 
    root: [ 
     path.resolve(__dirname), 
     <path_to_components_directory> //e.g. path.resolve(__dirname, 'src', 'components') 
    ], 
    extensions: ["", ".ts", ".tsx", ".js"] 
}, 

Eğer import {Hello} from "Hello";

yapabilirsiniz benim src/js dizinde dosya yollarını çözmek için bunu bilmek . Yine de yazı tipini kullanmıyorum ama sonucunu etkileyeceğini düşünmüyorum.