我将一个汇总构建系统放在一起,该系统将 Typescript 组件的文件夹导出为模块。
如果组件文件位于文件夹结构中,则构建系统可以完美运行:
src/components/Button
但是当我尝试从baseUrl含义之外导入它们时出现了问题:
../../javascript/components/Button
一旦我尝试这样做,我就会收到以下错误:
[!] Error: The keyword 'interface' is reserved
这是我的tsconfig文件的样子:
{
"compilerOptions": {
"jsx": "react",
"module": "es2015",
"target": "es2017",
"moduleResolution": "node",
"noImplicitAny": true,
"noImplicitReturns": true,
"noImplicitThis": true,
"noUnusedLocals": true,
"strictNullChecks": true,
"sourceMap": true,
"baseUrl": ".",
"preserveSymlinks": true,
"esModuleInterop": true,
"paths": {
"ui": ["../../components"]
}
},
"include": ["src/**/*.tsx"],
"exclude": ["node_modules"]
}Run Code Online (Sandbox Code Playgroud)
和我的 rollup.config
import typescript from 'rollup-plugin-typescript2';
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import less from 'rollup-plugin-less';
import alias …Run Code Online (Sandbox Code Playgroud)