体验vite + vue3 + ts搭建项目的全过程 - 掘金
2022-02-08 vue3+vite assets动态引入图片的几种方式，解决打包后图片路径错误不显示的问题 - 简书
解决vscode红色波浪线的ts报错:找不到模块“store” ts(2307)，不识别@别名路径_夏日米米茶的博客-CSDN博客
# npm6.x
npm init @vitejs/app vite-vue3 --template vue-ts
# npm7+ (需要额外的双横线)
npm init @vitejs/app vite-vue3 -- --template vue-ts
获取静态图片路径vite
// 获取assets静态资源
const usePub = {
getAssetsHomeFile(url: string) {
const path = `../assets/images/home/${url}`;
const modules = import.meta.globEager("../assets/images/home/*");
return modules[path].default;
}
}
export default usePub
使用
import usePub from '@/utils/pub-use'
const getAssetsWeatherFile = usePub.getAssetsWeatherFile
getAssetsWeatherFile('zwtp.png')
ts一些报错
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
},
"strict": false,
网友评论