一、处理react

babel 的 预设处理顺序:从下到上

1.1 安装:

  1. npm i react react-dom -D

    报错:

    js里面写上html代码(jsx),没安装编译解析,报错:
    image.png

    安装依赖:(见Babel 官网)

    1. npm install --save-dev @babel/preset-react
    2. "presets": ["@babel/preset-react"]

image.png

二、处理vue代码

2.1 安装:

  1. npm i vue-loader -D

.vue文件通过 vue-loader 处理形成 css + js 的文件;
<template> xxxxxx </template>-> export default { template: xxx }
<style> xxx <style> -> import ‘./index.css’
image.png