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"],});},};

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

相关内容

热门资讯

大胜卡塔尔只是第一步,中国男篮... (来源:上观新闻)北京时间8月28日凌晨,客场作战的中国男篮以83比57大胜卡塔尔男篮,为世界杯亚洲...
指甲出现这几种变化,可能是身体... 转自:新华网关于指甲的说法有很多,有人因指甲盖上的“月牙”少而焦虑,有人把竖纹当作“肝病预警”,还有...
慢下来,读新疆 ●侯楣 散文集《新疆故事集》是作家刘亮程在新疆生活多年写下的文字。在这部散文集里,作家将目光投...
首趟南疆“疆果外运”冷鲜快线班... 本报乌鲁木齐讯(全媒体记者 秦俊伟) 日前,一列装载着200余吨新梅的X8756次班列从阿克苏站...
渠通田间 心连邻里 ●兵团日报全媒体记者 秦俊伟 通讯员 张桂萍 肖雪梅 清晨,塔克拉玛干沙漠边缘,晨光洒...