javascript - 使用 vue-cli 在 typescript 中为 background.js 文件构建 chrome 扩展
问题描述
我正在开发一个基于vue-cli
项目的 chrome 扩展。
我的项目结构是:
- dist/
- /background.js
- public/
- /background.js <-- how would i make this .ts
- src/
- /main.ts
- /App.vue
为了background.js
在我的根目录中获取文件,我需要将它放在public
.
但是vue-cli
默认情况下构建 typescript(通过 webpack)的唯一位置是它是否在src
目录中。
如何创建我的background.ts
(打字稿)文件以使其构建到public
目录中,同时保持目录中我的 Web 应用程序文件的结构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"
]
}
解决方案
推荐阅读
- javascript - 尝试比较不同元素的类别
- c# - 为什么谷歌距离矩阵 API 在通过 52 时只返回 10 个结果?
- python - 在 Python 日志记录中将日志定向到特定处理程序,而不是其他处理程序
- c# - 业务逻辑层的模型封装问题
- r - 如何从 R 中的邻接矩阵中提取位置信息?
- java - 通过套接字使用 JFileChooser 以便您可以打开选择保存对象的位置
- c++ - 使用初始化列表初始化模板变量
- invoice - 如何从 XTRF 客户发票 API 获取详细信息(单位、数量、价格)?
- python - 使 flake8 区分未定义函数和星形导入
- c# - C# OutlookCalendar 插件 - 如何检测重复系列中的会议删除