写本文时,通过npm install vue安装会直接安装3.0版本的因此要指定好vue版本 npm install vue@2.x vue-template-compiler@2.x -S 1.4 修改项目文件结构 1.4.1 创建src目录 在项目根目录下创建src目录,然后把main.js移到src目录里 importVuefrom'vue'importAppfrom'./App.vue'newVue({render:h=>h(App)})....
vue-template-compiler: 将 Vue 2.0 模板预编译为渲染函数 vite-plugin-vue2: 让 Vite 支持 Vue2 @vue/composition-api: 在 Vue2 项目中使用组合 API unplugin-vue2-script-setup: 在 Vue2 项目中使用语法糖 unplugin-vue-components: 按需自动引入组件 @vue/runtime-dom: 配合 Volar 完整依赖如下: 复制代...
import{createVuePlugin}from'vite-plugin-vue2'exportdefault{plugins:[createVuePlugin()]} 引入vite-plugin-vue2插件,并用Vite提供的插件注册方法来注册。 需要注意,createVuePlugin()是跟着括号的,是要执行的! 1.3、安装 vue 依赖 使用以下命令安装 vue2。 npm install vue -S npm install vue-template-compi...
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...
// vite.config.jsimport{ createVuePlugin }from'vite-plugin-vue2'exportdefault{plugins: [ createVuePlugin(/* options */) ], } Options vueTemplateOptions Type:Object Default:{ compilerOptions :{ whitespace: 'condense' } } Note { whitespace: 'condense' } behavior ...
import { createVuePlugin } from 'vite-plugin-vue2'; createVuePlugin({ jsx: true, // 配置 jsx jsxOptions: { injectH: false, }, })Vue.component('my-component',{ render () { return (my template) } })11. 根据环境变量配置代理?(1)cross-env 来跨平台设置环境变量 1...
(11)、包:vue-template-compiler@2.6.14,将 vue2.x 模板预编译为渲染函数,版本跟vue2.x版本保持一致,vite-plugin-vue2插件依赖次包,开发依赖,地址:https://www.npmjs.com/package/vue-template-compiler (12)、插件:vite-plugin-html,(HTML 压缩能力,EJS 模板能力,多页应用支持,支持自定义输入,支持自定义...
初始化Vue2 我们需要安装Vue2,所以直接这样安装。 yarn add vue 1. 目前,我安装的版本是^2.6.14。 另外,我们还需要安装vue-template-compiler这个依赖,此包可用于将Vue 2.0模板预编译为渲染函数,以避免运行时编译开销和CSP限制。在编写具有非常特定需求的构建工具时,才需要单独使用...
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引入
vite 用 @vitejs/plugin-legacy 插件为打包后的文件提供传统浏览器兼容性支持legacy 对 build 速度影响较大，酌情采用 plugins: [ legacy({ targets: ['> 1%', 'last 2 versions', 'not ie <= 10'] }),]legecy 后全局 css 失效 vue 2 中， build.cssCodeSplit: false 加上 legecy 将导致全局样式...