加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 03:35:52 所属栏目:百科 来源:网络整理
导读:笔记笔记,网上很多例子都是过期的啊= = 因为jsx转换器整合到babel中了,根本不需要网上所说的jsx-loader sudo npm install webpack webpack-dev-server babel -gsudo npm install react react-dom babel-loader less-loader css-loader style-loader url-load

笔记笔记,网上很多例子都是过期的啊= = 因为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']
            }
        }]
    }
};

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读