這次?typescript(4.5)給vue3安排的明明白白

鐵皮飯盒發表於2021-12-20

這次typescript(4.5)給vue3安排的明明白白

之前看ts的更新日誌總能看到這次為"react做了xxx", 作為vue的使用者, 羨慕.

昨天翻看日誌, 突然發現vue字樣, 不敢相信, 趕緊拿出我的老花鏡把內容看了個明明白白.

image

preserveValueImports

這是tsconfig中新增的選項, 幹什麼用呢? 簡單說就是ts之前的版本如果匯入的變數未使用, ts編譯後會刪除他, 用了這個選項就可以告訴ts"別多管閒事".

比如這種程式碼, 預設ts編譯後可是會被刪除的:

import { Animal } from "./animal.js";
eval("console.log(new Animal().isDangerous())");

eval可能我們們用不到, 但是vue3的新語法糖setup你的用吧?

<!-- A .vue File -->
<script setup>
  import { someFunc } from "./some-module.js";
</script>
<button @click="someFunc">Click me!</button>

你在script中引入了變數, 但是沒用, 雖然在模板中使用了, 但ts可檢測不到啊, 所以你需要開啟"preserveValueImports".

更多ts更新內容

最近為了查遺補漏, 讀了所有ts的更新日誌, 並整理成了筆記, 分享一下.
https://github.com/any86/ts-l...

image

一起學習ts

image

感謝大家的閱讀, 如有疑問可以加我微信, 我拉你進入微信群(由於騰訊對微信群的100人限制, 超過100人後必須由群成員拉入)

github

我個人的開源都是基於ts的, 歡迎大家訪問 https://github.com/any86

相關文章