插件地址:https://github.com/qmhc/vite-plugin-dts 最后偷偷安利一下自己撸的 Vue3 组件库,目前主要给公司项目使用中:vexip-ui 2021-10-25 补充 在几个月的更新中,setup-script已成为正式特性,为此compiler-sfc的一些特性也发生了变化,在实际使用中和原来发生了出入,因此上文中有部分代码可能不完全正确,但插...
<!--前端框架调试版本--> <!--组件市场工具--> 具体的CDN链接可到cdn网站查看:cdnjs.com/ 这里请注意:请勿直接使用
{build: {...},plugins: [vue(),dts({//指定使用的tsconfig.json为我们整个项目根目录下掉,如果不配置,你也可以在components下新建tsconfig.jsontsConfigFilePath:'../../tsconfig.json'}),//因为这个插件默认打包到es下,我们想让lib目录下也生成声明文件需要再配置一个dts({outputDir:'lib',tsConfigFilePath...
安装vite-plugin-dts,注意版本最好一致 pnpmaddvite-plugin-dts@1.4.1-D-w 在vite.config.ts引入,注意这里同时添加了组件命名插件DefineOptions(上篇文章提到过,注意这个要写在dts后面,源码中可能有误) import{ defineConfig }from"vite";importvuefrom"@vitejs/plugin-vue";importdtsfrom"vite-plugin-dts";impo...
原因尼也能简单,就是tsup打包的时候没有生成.d.ts的类文件。翻了下文档tsup自带了生成类文件的功能。有个参数是--dts 所以来改造一下命令 { "build":"tsup ./lib/index.ts --dts" } 1. 2. 3. 运行一下发下会多一个index.d.ts的文件,测试一下,随便新建一个js文件 ...
unplugin-vue-components插件会自动引入 UI 组件及 src 文件夹下的 components 组件,规则是src/components/*.{vue} 请确保你的项目中拥有src/typings文件夹,或者更改上述配置项的dts路径 TS 类型 使用按需引入的话,不要忘了在tsconfig.json中引入组件库的类型声明文件 ...
dts(), ] }); doc.js 交互式文档构建配置,跟 base 是几乎一样的,只需要修改输出目录为docs即可。 import baseConfig from './vite.base.config'; import { defineConfig } from 'vite'; export default defineConfig({ ...baseConfig, build: { ...
vite也无法直接生成.d.ts定义,目前vite也没有支持的想法https://github.com/vitejs/vite/issues/3461,在这个issue下提供了一个同学写的插件vite-pligin-dts,试下来是可以生成.d.ts的 vite中有默认的postc***,但是不支持extract的配置,如果强行再配置postcss插件会报错,所以最后使用了style in js的设计来写组件...
{build:{target:"es2015",lib:{entry:{v1:path.join('./src/v1'),v2:path.join('./src/v2'),},formats:['es','cjs'],fileName(format,entryName,...rest){return`index.${format}.${entryName}.${format==='es'?'js':'mjs'}`;}},outDir:"lib",},plugins:[dts({outDir:'types'})...
然后修改一下我们的vite.config.ts引入这个插件 import { defineConfig } from "vite";import vue from "@vitejs/plugin-vue"import dts from 'vite-plugin-dts'export default defineConfig({build: {...},plugins: [vue(),dts({//指定使用的tsconfig.json为我们整个项目根目录下掉,如果不配置,你也可以在...