webpack配置: 如何同时使用ES2015和JSX

笔记笔记,网上很多例子都是过期的啊= = 因为jsx转换器整合到babel中了,根本不需要网上所说的jsx-loader

sudo npm install webpack webpack-dev-server babel  -g
sudo npm install react react-dom babel-loader less-loader css-loader style-loader url-loader file-loader babel-preset-es2015 babel-preset-react --save-dev
module.exports = {
    entry: {
        main: './src/index.jsx',es5:'./src/es6.js'
    },output: {
        path: 'build',filename: '[name].build.js'
    },resolve: {
        extensions: ['','.js','.jsx']
    },module: {
        loaders: [{
            test: /\.jsx$/,loader: 'babel-loader',query:{
               presets:['es2015','react']
            }
        },{
            test: /\.js$/,query:{
               presets:['es2015']
            }
        }]
    }
};

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...