Webpack4(十一) 配置React代码的打包

配置 React 代码的打包

安装 react-dom

cnpm i react react-dom --save

根目录 src 下面新建一个 index.js 文件

import '@babel/polyfill'

import React, { Component } from 'react'

import ReactDom from 'react-dom'

class App extends Component {
  render() {
    return <div>Hello world</div>
  }
}

ReactDom.rendet(<App />, document.getElementById('root'))

在安装一个@babel/preset-react

cnpm i --save-dev @babel/preset-react

然后在根目录新建一个.babelrc 文件里面写入

• 它的执行顺序是一样的 由下往上执行

{
  "plugins": [
    [
      "@babel/preset-env",
      {
       targets:{
         chorme:"67",
       },
       useBuiltIns:"usage"
      },
    ],
    "@babel/preset-react"
  ]
}

最后在打包就完事了