Как настроить абсолютный путь в typescript/webpack?

Question

[beefront17]

Добрый день! Помогите пожалуйста понять почему данный конфиг не видит абсолютный путь?
Как вообще в typeScript проекте правильно настроить абсолютные пути? Без typeScript-а все работает ок.
Проект на react/redux/typescript только настраиваю.
ипорт где ошибка
import {SOME_URL} from 'src/constants';

Вебпак видает ошибку

Module not found: Error: Can't resolve 'src/constants'

Хотя webstorm ничего не подствечивает и все находит.
 
webpack.js

const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');

module.exports = {
  mode: 'development',
  context: path.resolve(__dirname, `./src`),
  entry: ['@babel/polyfill', './index.tsx'],
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.[hash].js'
  },
  resolve: {
    extensions: ['.js', '.jsx', '.ts', '.tsx'],
    alias: {
      'src': path.resolve(__dirname, './src'),
    }

  },
  module: {
    rules: [
      {
        test: /\.(ts|tsx)$/,
        include: [
          path.resolve(__dirname, 'src'),
        ],
        exclude: /node_modules/,
        use: 'ts-loader',
      },
      {
        test: /\.(js|jsx)$/,
        include: [
          path.resolve(__dirname, 'src'),
        ],
        exclude: /node_modules/,
        use: 'source-map-loader',
        enforce: 'pre'
      },
    ]
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: '../public/index.html',
      favicon: '../public/favicon.ico'
    }),
  ],
  devtool: 'inline-source-map',
  devServer: {
    host: 'localhost',
    port: 8080,
    open: true,
    historyApiFallback: true,
    hot: true,
    inline: true
  }
};

tsconfig.js

{
    "compilerOptions": {
        "sourceMap": true,
        "target": "es5",
        "jsx": "react",
        "module": "es6",
        "moduleResolution": "node",
        "experimentalDecorators": true,
        "declaration": false,
        "removeComments": true,
        "noImplicitReturns": true,
        "noUnusedLocals": true,
        "strict": true,
        "outDir": "build",
        "lib": ["es6", "es7", "dom"],
        "baseUrl": "app"
    },
    "exclude": ["build", "node_modules"]
}

Буду очень благодарен за помощь!

Comments

[2CHEVSKII]

Абсолютные пути так то с корня начинаются (буквы диска в окнах или слеша в никсах). У вас наоборот какое то подобие релативного, но он должен начинаться с точки и слеша (как указание текущей директории)

Answer 1

[Aetae]

В попробуй compilerOptions добавить что-то типа:

"paths": {
  "src/*": [ "app/src/*" ]
}