Vue中引入react组件
vue中引入react组件
·
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"],
});
},
};
随笔小结,不喜勿喷,谢谢。
更多推荐
已为社区贡献7条内容
所有评论(0)