Vue中引入react组件
创始人
2024-05-11 04:30:40

1、安装vuera库

命令: yarn add vuera 或者 npm i -S vuera

2、安装React 和 React Dom依赖

命令 :   yarn add react   yarn add react-dom

3、安装其他相关依赖

 命令: yarn add @babel/core -D(建议版本 "^7.12.9")

            yarn add  @babel/plugin-transform-runtime -D (建议版本"^7.17.0")

                yarn add  @babel/preset-env -D (建议版本"^7.13.9")

             yarn add  @babel/preset-react -D (建议版本"^7.16.7")

     yarn add babel-loader -D (建议版本"^8.2.2")

4、main.js 里面相关配置

引入 VuePlugin

import { VuePlugin } from "vuera";Vue.use(VuePlugin);

5、根目录新增vue.config.js文件,配置如下:

	module.exports = {chainWebpack: (config) => {config.module.rule("src").test(/.(js|jsx)$/).use("babel-loader").loader("babel-loader").options({presets: ["@babel/preset-react","@babel/preset-env","@vue/cli-plugin-babel/preset",],plugins: ["@babel/plugin-transform-runtime"],});},};

随笔小结,不喜勿喷,谢谢。

相关内容

热门资讯

歼-35新年第一飞!试飞机为何... 本文转自【央视新闻】;近日,在航空工业沈飞的试飞跑道上一架身披绿色底漆的歼-35飞机腾空而起直冲云霄...
北京将开展家政劳务专项对接,保... 转自:北京日报客户端近日,北京市人力资源和社会保障局印发通知,计划于1月15日在全市正式启动2026...
东北制药涨0.75%,成交额5... 1月8日,东北制药涨0.75%,成交额5778.77万元,换手率0.77%,总市值76.35亿元。异...
武汉控股涨0.39%,成交额5... 1月8日,武汉控股涨0.39%,成交额5225.84万元,换手率1.02%,总市值51.16亿元。异...
太极实业跌0.93%,成交额7... 1月8日,太极实业跌0.93%,成交额7.51亿元,换手率4.21%,总市值177.36亿元。异动分...