vite-plugin-svgr Vite插件可将SVG转换为React组件。 在引擎盖下使用 。 用法 // vite.config.js import svgr from 'vite-plugin-svgr' export default { // ... plugins : [ svgr ( ) ] , } 然后可以将SVG文件作为React组件导入,就像一样: import { ReactComponent as Logo } from './logo.svg' ; 执照 麻省理工学院
2021-12-07 23:28:21 6KB TypeScript
1
Vite-plugin-mpa 开箱即用的多页面应用程序,用于Vite,支持Vue2 / 3,React等 动机 访问本机支持多页,但必须配置rollupOptions.input 在访问开发人员时,必须为$projectRoot/src/pages/index/xxx.html打开localhost:3000/src/pages/index/xxx.html $projectRoot/src/pages/index/xxx.html vue-cli帮助重写MPA的URL,此插件执行相同的操作并自动为您打开第一页 实验:构建时,为您整理文件夹(如vue-cli), dist/src/pages/subpage/index.html将移至dist/subpage/index.html 用法 yarn add vite-plugin-mpa // vite.config.ts impo
2021-11-10 10:18:42 50KB vite vite-plugin TypeScript
1
简介 vite-plugin-qiankun: 帮助应用快速接入乾坤的vite插件 保留vite构建es模块的优势 一键配置,不影响已有的vite配置 快速开始 1、在 vite.config.ts 中安装插件 // vite.config.ts import qiankun from 'vite-plugin-qiankun'; export default { // 这里的 'myMicroAppName' 是子应用名,主应用注册时AppName需保持一致 plugins: [qiankun('myMicroAppName')], // 生产环境需要指定运行域名作为base base: 'http://xxx.com/' } 2、在入口文件里面写入乾坤的生命周期配置 // main.ts import { renderWithQiankun, qiankunWindow
2021-10-22 17:19:52 493KB JavaScript
1
通过将graphql静态对象移动到自己的块来清理Vue SFC脚本 为什么? 在为GraphQL API编写Vue客户端时,我注意到Vue SFC文件中的脚本已被GraphQL查询过度填充,并且需要更好地组织代码,而又不能脱离SFC的优点:将所有代码合并为一个组件井井有条。 将查询移动到它们自己的文件中将为单个组件创建多个文件,从而使项目更加混乱,并降低了必须编写跨越多个文件的组件的工作效率。 输入Vue GQL! 我写了这个Vite插件,允许将与组件相关的GraphQL查询直接放置在组件文件中,而不会使脚本混乱,方法是将它们放置在它们自己的专用标记中。 :warning: 该插件仍在开发中,目前仅适用于[removed]格式 安装 # Install Plugin npm i -D vite-plugin-vue-gql # Install Peer Dependici
2021-08-15 10:36:44 64KB graphql vue urql vite
1
vite-plugin-assets-uploader 帮助您将Vite的打包资产上载到服务器 安装 yarn add vite-plugin-assets-uploader --dev 例子 import { defineConfig } from "vite" ; import uploader from "vite-plugin-assets-uploader" ; // https://vitejs.dev/config/ export default defineConfig ( { plugins : [ uploader ( { enableAlioss : true , ossOptions : { bucket : "xxx" , accessKeyId : "xxxx" , acces
2021-04-01 18:10:01 36KB JavaScript
1