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' } } Note { whitespace: 'condense' } be...
plugins: [createVuePlugin()] } (三)安装vue npm install vue@2.6.14 -S(同样的需要加上版本号) npm install vue-template-compiler (四)修改文件目录 1、根目录下新建src文件夹,删除main.js 2、src下新建app.vue、main.js 3、index.html引入 4、修改app.vue <template> Hello Vite Vue2 </template>...
4. 要使用 vite 插件,需要在项目的根目录创建 vite.config.js 文件 import{ defineConfig }from'vite'import{ createVuePlugin }from'vite-plugin-vue2'exportdefaultdefineConfig({plugins: [createVuePlugin() ] }) 5. 安装 vue 依赖 pnpm install vue@2 pnpm install vue-template-compiler 6. 修改 src/m...
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...
一、首先我们想在vue2中直接使用vite,也是可以的,来看教程 . 1. 安装插件(一个vite必备,第二个是为了兼容vue2)npm i -D vite vite-plugin-vue2 2.将public中的index.html拉出来,放在最外层,与package.json同级 3.在index.html中引入 4.router中的index.js修改base ...
export interface Options { include?: string | RegExp | (string | RegExp)[] exclude?: string | RegExp | (string | RegExp)[] isProduction?: boolean // options to pass on to vue/compiler-sfc script?: Partial<Pick<SFCScriptCompileOptions, 'babelParserPlugins'>> template?: Partial< Pick...
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' } } ...
"devDependencies": { "vite": "^2.8.2", "vite-plugin-vue2": "^1.9.3", "vite-plugin-html": "^3.0.4", "vite-plugin-time-reporter": "^1.0.0", "sass": "^1.49.7", "rollup-plugin-copy": "^3.4.0", "@vue/compiler-sfc": "^3.2.31", }, 复制代码 npm scripts 代码语言:javas...
// vite.config.jsimportvuefrom'@vitejs/plugin-vue2'exportdefault{plugins:[vue()]} Options exportinterfaceOptions{include?:string|RegExp|(string|RegExp)[]exclude?:string|RegExp|(string|RegExp)[]isProduction?:boolean// options to pass on to vue/compiler-sfcscript?:Partial<Pick<SFCScriptCompile...
yarn add vue-template-compiler-D 最后,如果想让Vite支持Vue2,就必须安装这个依赖vite-plugin-vue2。 代码语言:javascript 代码运行次数:0 运行 AI代码解释 yarn add vite-plugin-vue2-D 支持Composition-api Composition-api字面意思是组合API,它是为了实现基于函数的逻辑复用机制而产生的。这也是Vue3亮点之一,那么...