1. Wenn Vue ausgeführt oder gepackt wird, läuft der Knotenspeicher über
. 2. HTML5plus-API-Einstellungen für benutzerdefinierte QR-Codes und andere
Referenzen
. 3. js in HTML wird mithilfe von Inpout eingeführt
<script type="module">
import Game from './js/game.js';
// 全局的地图 map
let map = document.getElementById('map');
let game = new Game(map);
// 调用开始方法
game.start();
</script>
//如何在vue项目中应用ts？
1、首先安装ts
npm install --save-dev typescript
npm install --save-dev ts-loader
2、在根目录建tsconfig.json文件
{
"compilerOptions": {
"experimentalDecorators": true,
"emitDecoratorMetadata": true,
"lib": ["dom","es2016"],
"target": "es5"
},
"include": ["./src/**/*"]
}
3、在配置中添加 ts-loader
{
test: /\.tsx?$/,
loader: 'ts-loader', exclude: /node_modules/, options: {
appendTsSuffixTo: [/\.vue$/],
}
}
4、最后把 .ts 后缀添加上就OK了，在webpack.base.conf.js文件下
resolve:{
extensions:['.js','.ts','.vue','.json']
alias:{
'vue$':'vue/dist/vue.esm.js',
'@':resolve('src'),
'assets':resolve('src/assets'),
'components':resolve('src/components')
}
}
Detaillierte Erläuterung der Konfigurationselemente von tsconfig.json
{
"compilerOptions": {
"allowUnreachableCode": true, // 不报告执行不到的代码错误。
"allowUnusedLabels": false, // 不报告未使用的标签错误
"alwaysStrict": false, // 以严格模式解析并为每个源文件生成 "use strict"语句
"baseUrl": ".", // 工作根目录
"experimentalDecorators": true, // 启用实验性的ES装饰器
"jsx": "react", // 在 .tsx文件里支持JSX
"sourceMap": true, // 是否生成map文件
"module": "commonjs", // 指定生成哪个模块系统代码
"noImplicitAny": false, // 是否默认禁用 any
"removeComments": true, // 是否移除注释
"types": [ //指定引入的类型声明文件，默认是自动引入所有声明文件，一旦指定该选项，则会禁用自动引入，改为只引入指定的类型声明文件，如果指定空数组[]则不引用任何文件
"node", // 引入 node 的类型声明
],
"paths": {
// 指定模块的路径，和baseUrl有关联，和webpack中resolve.alias配置一样
"src": [ //指定后可以在文件之直接 import * from 'src';
"./src"
],
},
"target": "ESNext", // 编译的目标是什么版本的
"outDir": "./dist", // 输出目录
"declaration": true, // 是否自动创建类型声明文件
"declarationDir": "./lib", // 类型声明文件的输出目录
"allowJs": true, // 允许编译javascript文件。
"lib": [ // 编译过程中需要引入的库文件的列表
"es5",
"es2015",
"es2016",
"es2017",
"es2018",
"dom"
]
},
// 指定一个匹配列表（属于自动指定该路径下的所有ts相关文件）
"include": [
"src/**/*"
],
// 指定一个排除列表（include的反向操作）
"exclude": [
"demo.ts"
],
// 指定哪些文件使用该配置（属于手动一个个指定文件）
"files": [
"demo.ts"
]
}