tsconfig의 electron-forge настройка 경로
7299 단어 typescriptelectron
У меня такая структура 카탈로고브:
В каталоге 클라이언트 находятся скрипты, касающиеся реакт-priложения: компоненты, роутер, и т.п. И вот хотелось бы делать импорт компоненты не так:
import Logo from '../../../components/Logo"
, по-красивее: import Logo from '@clients/components/Logo"
.Первый шаг - настроить tsconfig:
"baseUrl": "./",
"paths": {
"@/*": [
"src/*"
],
"@client/*": [
"src/client/*"
]
},
За ним следует второй шаг- настроить webpack, чтобы он тоже пониmal эти пути. Это делается в двух файлах:
webpack.main.config.js
const path = require('path');
function srcPaths(src) {
return path.join(__dirname, src);
}
module.exports = {
/**
* This is the main entry point for your application, it's the first file
* that runs in the main process.
*/
entry: './src/index.ts',
// Put your normal webpack config below here
module: {
rules: require('./webpack.rules'),
},
resolve: {
alias: {
'@': srcPaths('src'),
'@client': srcPaths('src/client'),
},
extensions: ['.js', '.ts', '.jsx', '.tsx', '.css', '.json'],
},
};
webpack.renderer.config.js
Необходимо добавить точно такую же настройку:
resolve: {
alias: {
'@': srcPaths('src'),
'@client': srcPaths('src/client'),
},
extensions: ['.js', '.ts', '.jsx', '.tsx', '.css'],
},
Ну вот на этом всё: цель достигнута, сокращённые названия путей работают, как хотелось бы.
Bуду rad, если кому-то пригодится эта заметка.
Reference
이 문제에 관하여(tsconfig의 electron-forge настройка 경로), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/slkarol/electron-forge-nastroika-paths-v-tsconfig-4pok텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)