在NodeJS项目中使用TypeScript中的路径

如果这里有人用nodejs和 tsconfig-paths . 可以使用以下命令使绝对路径工作:

// With ts-node    
ts-node -r tsconfig-paths/register src/main.js

// With node    
node -r ts-node/register/transpile-only -r tsconfig-paths/register dist/main.js

从这里得到这个: https://github.com/dividab/tsconfig-paths/issues/61

你为什么不直接用 path 代码中的模块,并解析相对于启动服务器的目录的其余目录的路径?

看看这个例子中的第6行: https://github.com/Farata/angulartypescript/blob/master/code-samples/Angular6/chapter12/server/rest-server-angular.ts .

这个 __dirname 指向启动服务器的目录,然后 public 是此目录的子目录。我没有使用 paths tsc选项。

我找到这个了 npm 将所有绝对路径转换为相对路径的包: https://www.npmjs.com/package/tspath .

跑步 tsc 将生成具有绝对路径的文件(例如。 @myApp/server/my-library ). 那就跑吧 tspath 将所有路径转换为相对路径。

直到今天我还在用 tspath 正如公认的答案中所建议的,但是我开始发现一些问题,相对路径有 baseUrl: '../' .

我换成了 webpack 基于此的方法 webpack.config.ts 配置:

import { TsConfigPathsPlugin } from 'awesome-typescript-loader';
import * as fs from 'fs-extra';
import { join } from 'path';
import * as webpack from 'webpack';

const packageConfig = fs.readJSONSync('./package.json', { encoding: 'utf-8' });

const externals = {};
for (const packageName in packageConfig.dependencies)
  externals[packageName] = packageName;

const serverConfig: webpack.Configuration = {
  entry: {
    index: './src/index.ts'
  },
  resolve: {
    extensions: ['.ts', '.js'],
    plugins: [
      new TsConfigPathsPlugin({ configFileName: 'tsconfig.json' })
    ]
  },
  target: 'node',
  node: {
    __dirname: false
  },
  externals,
  output: {
    path: join(__dirname, 'dist'),
    filename: '[name].js',
    library: '[name]',
    libraryTarget: 'umd'
  },
  module: {
    rules: [{
      test: /\.ts$/,
      loader: 'awesome-typescript-loader'
    }]
  },
  plugins: [
    new webpack.BannerPlugin(`Copyright © 2018-${new Date().getFullYear()} BOHR. All rights reserved.`)
  ],
  mode: 'production',
  optimization: {
    minimize: false
  }
};

// tslint:disable-next-line:no-default-export
export default [serverConfig];

注意导入,需要添加几个包才能使用此配置。