javascript - Webpack solve.alias ne fonctionne pas avec TypeScript?

Question

Environnement :

- node v6.9.2
- typescript v2.4.1
- webpack v1.15.0
- awesome-typescript-loader v3.2.1

Question :

Erreur signalée dans le module tsx introuvable 'outils'...

import { toFieldValue } from '@utils/tools';

• Ajouter solve.alias dans la configuration du webpack

resolve : {
    alias: { 
        // 这里配置没有问题, jsx中可以正常使用
         "@utils": "./src/utils"
    }
}

• Référencé en jsx (peut être utilisé)

import { toFieldValue } from '@utils/tools'

configuration tsx

{
  "compilerOptions": {
    "outDir": "./dist/",
    "module": "commonjs",
    "target": "es6",
    "sourceMap": true,
    "allowSyntheticDefaultImports": true,
    "jsx": "react",
    "pretty": true,
    "noImplicitAny": true,
    "traceResolution": true,
    "baseUrl": ".",
    "paths": {
      "@utils/*": ["./src/utils/*"]
    },
    "lib": [
      "dom",
      "es2015.promise",
      "es5",
      "es2015.iterable",
      "es2015.generator",
      "es2015.symbol",
      "es7"]
  },
  "include": [
    "./src/**/*"
  ],
  "exclude": [
    "node_modules"
  ],
  "awesomeTypescriptLoaderOptions": {
    "useBabel": true,
    "useCache": true
  }
}

• Webpack ajoute la configuration (webpackConfig est la configuration de webpack)

    webpackConfig.resolve.plugins = [(new TsConfigPathsPlugin({
      configFileName: "tsconfig.json",
      compiler: "typescript",
    }))];
  

Answer 1

Il devrait être possible d'utiliser un alias. L'auteur peut se référer à mon projet de modèle React-TypeScript, https://github.com/devlee/tpl...

Cela ne fonctionne pas pour l'affiche. La raison est que les chemins dans tsconfig doivent être des chemins, pas directement des fichiers sources

.

Answer 2

Résolu~
tool.js doit déclarer un fichier tool.d.ts correspondant.
Ivre, ivre~~~