Я работаю над расширением chrome на основе проекта vue-cli
.
Структура моего проекта:
- dist/
- /background.js
- public/
- /background.js <-- how would i make this .ts
- src/
- /main.ts
- /App.vue
Чтобы получить файл background.js
в моем каталоге root мне нужно поместить его в public
.
Но единственное место, по умолчанию vue-cli
, строит машинопись (через webpack), если она находится в каталоге src
.
Как создать файл background.ts
(машинопись), чтобы он встраивался в каталог public
, сохраняя при этом структуру файлов моего веб-приложения в каталоге src
?
Вот tsconfig.json
:
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"strict": true,
"jsx": "preserve",
"importHelpers": true,
"moduleResolution": "node",
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"sourceMap": true,
"baseUrl": ".",
"types": [
"webpack-env",
"chrome"
],
"paths": {
"@/*": [
"src/*"
]
},
"lib": [
"esnext",
"dom",
"dom.iterable",
"scripthost"
]
},
"include": [
"src/**/*.ts",
"src/**/*.vue",
"tests/**/*.ts",
],
"exclude": [
"node_modules"
]
}