npm install vite-plugin-vue2 -D // vite.config.jsimport{createVuePlugin}from'vite-plugin-vue2'exportdefault{plugins:[createVuePlugin(/* options */)],} Options vueTemplateOptions Type:Object Default:{ compilerOptions :{ whitespace: 'condense' } } ...
是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖,是Vue3.2新加入的语法。那么,我们也可以在Vue2项目中使用它。 你需要安装unplugin-vue2-script-setup依赖。 代码语言:javascript 代码运行次数:0 运行 AI代码解释 yarn add unplugin-vue2-script-setup-D 了解更多,可以查看https://github.com/antfu/un...
⚠️ With the release ofVue 2.7, Vite now provides the official Vue 2 plugin@vitejs/plugin-vue2. Thereby this plugin has entered maintenance mode and will only support Vue 2.6 or earlier. This project will reach End of Life by the end of 2022. Install npm install vite-plugin-vue2 -...
import{ createVuePlugin }from"vite-plugin-vue2";import{defineConfig, loadEnv}from'vite'importviteCompressionfrom'vite-plugin-compression';importrequireTransformfrom'vite-plugin-require-transform';constCWD= process.cwd();exportdefaultdefineConfig(({ mode }) =>{return{plugins: [createVuePlugin({vueTem...
// vite.config.ts import { defineConfig } from "vite"; import { createVuePlugin } from "vite-plugin-vue2"; // vue2 plugin import { createSvgPlugin } from "vite-plugin-vue2-svg"; export default defineConfig({ plugins: [createVuePlugin(), createSvgPlugin()], });...
"vue": "2.7.0", "vite": "4.4", "vite-plugin-html": "^3.2.2", "vue-template-compiler": "2.6.14", "@vitejs/plugin-vue2": "^2.3.1", 注意: 1 vue 升级到 2.7 ,否则 vite 不支持 2 使用@vitejs/plugin-vue2而非@vitejs/plugin-vue,@vitejs/plugin-vue2是专门针对 vue2 设计的。
// 1.进入项目cd vite-vue2// 2.安装依赖npm install// 3.启动项目npm run dev 1.2 安装vite对vue2支持的插件 在vite-vue2安装:vite-plugin-vue2 // 注意:vite-plugin-vue2的版本为1.9.3npm install vite-plugin-vue2@1.9.3-D 在根目录创建vite.config.js文件,来注册插件 ...
// vite.config.js import vue from '@vitejs/plugin-vue2' export default { plugins: [vue()] } Options export interface Options { include?: string | RegExp | (string | RegExp)[] exclude?: string | RegExp | (string | RegExp)[] isProduction?: boolean // options to pass on to vue...
import {createVuePlugin} from 'vite-plugin-vue2';export default ({mode}) => { const isProduction = mode === 'production'; return defineConfig({ base: `/${config.base}/`, logLevel: 'info', // 插件,兼容 rollup plugins: [ // vue2 和 jsx createVuePlugin({ j...
// vite.config.js import vueJsx from '@vitejs/plugin-vue2-jsx' export default { plugins: [ vueJsx({ // options are passed on to @vue/babel-preset-jsx }) ] } Options include Type: (string | RegExp)[] | string | RegExp | null Default: /\.[jt]sx$/ A picomatch pattern, or...