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"],});},};
随笔小结,不喜勿喷,谢谢。