У меня рабочее пространство Yarn структурировано так:
/project
package.json
/packages
/app
package.json
webpack.config.js
tsconfig.json
/src
index.ts
/api-adapter
package.json
/src
api.ts
Для сборки пакета /app
я использую Webpack с ts-loader.Вот конфигурация:
// /packages/app/webpack.config.js
module.exports = {
entry: path.resolve(__dirname, "src/client/index.ts"),
mode: "development",
devtool: "inline-source-map",
module: {
rules: [
{
test: /\.tsx?$/,
use: "ts-loader",
exclude: /node_modules/
}
]
},
resolve: {
extensions: [".tsx", ".ts", ".js"]
},
output: {...}
};
и tsconfig.json
{
"compilerOptions": {
"module": "es6",
"target": "es6",
"removeComments": true,
"preserveConstEnums": true,
"sourceMap": true,
"noImplicitAny": true,
"outDir": "./dist/",
"moduleResolution": "node",
"allowSyntheticDefaultImports": true,
"esModuleInterop": true,
"lib": ["dom", "es6", "webworker"]
}
}
Когда я хочу импортировать модуль из другого рабочего пространства:
// /packages/app/src/index.ts
import { fetchSomething } from "api-adapter/src/api";
произошла ошибка:
ERROR in ../api-adapter/src/api.ts
Module build failed (from /home/user/project/node_modules/ts-loader/index.js):
Error: Typescript emitted no output for /home/user/project/packages/api-adapter/src/api.ts.
но когда я добавляю расширение для импорта, все работает нормально:
// /packages/app/src/index.ts
import { fetchSomething } from "api-adapter/src/api.ts";
Как я могу исправить конфигурацию webpack для импорта любого модуля рабочей области как Typescript без расширения?
Я уже пробовал:
rules: [{
test: /\.tsx?$/,
use: "ts-loader",
exclude: /node_modules/,
include: [
__dirname,
path.resolve(__dirname, "../packages")
],
}]
с:
ERROR in ../api-adapter/src/api.ts 3:34
Module parse failed: Unexpected token (3:34)
You may need an appropriate loader to handle this file type.