webpack配置: 如何同时使用ES2015和JSX_weixin_34281477的博客-程序员秘密

技术标签: ViewUI  webpack  javascript  

笔记笔记,网上很多例子都是过期的啊= = 因为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$/,
            loader: 'babel-loader',
            query:{
               presets:['es2015']
            }
        }]
    }
};

转载于:https://my.oschina.net/wolfx/blog/653007

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_34281477/article/details/91714636

智能推荐

OAuth初探_weixin_33812433的博客-程序员秘密

2019独角兽企业重金招聘Python工程师标准>>> ...

win10电脑桌面透明便签_win10系统在桌面添加透明便签的操作方法_weixin_39928480的博客-程序员秘密

win10系统在桌面添加透明便签的操作方法?很多win10用户在使用电脑的时候,会发现win10系统在桌面添加透明便的的现象,根据小编的调查并不是所有的朋友都知道win10系统在桌面添加透明便的的问题怎么解决,不会的朋友也不用担心,下面我就给大家讲解一下win10系统在桌面添加透明便的的少许解决办法,其实步骤很简单,只需要1、安装好notezilla 后,请在你的电脑任务栏找到它,确保它正在运行;...

手把手教怎样使用动软代码生成器_missyangni的博客-程序员秘密

                      ──────────  转载自  李天平因为自己也有使用动软.NET代码生成器,所以转载此篇文章到自己博客来,方便查阅  打开 动软.NET代码生成器,在右上选择添加SQL Server 2000 服务器 选择数据库类型,SQL2000 与SQL2005 的数据库使用的是相同的 都是选择的 SQL Server 项  填写

DataStream API_clicks.txt_我可以.的博客-程序员秘密

1.创建一个实现SourceFunction的类,创造数据//声明一个标志位@Override//生成随机数据//自定义选取的数据集id=1","./prod?id=2"};//循环生成的数据}}@Override}}2.实现自定义source输出/*用户自定义source测试*/}}

python基础--字符串常用函数_weeds606的博客-程序员秘密

1.startswith判断字符串是否以某个字符或字符串开头#! /usr/bin/env python# -*- coding: utf-8 -*-str1 = "sdssd"#判断str1是否以sds开头,结果返回Trueprint str1.startswith("sds")#判断str1是否以s开头,结果返回Trueprint str1.startswith("s"...

眼界大开 声临其境丨胡宜峰:视频深度伪造检测技术在内容安全领域的探索与实践_深度伪造检测落地应用_网易智企的博客-程序员秘密

导读:「眼界大开 声临其境」技术系列课第三期。网易易盾资深计算机视觉算法工程师胡宜峰带来了主题为《视频深度伪造检测技术在内容安全领域的探索与实践》技术分享。讲师简介:胡宜峰,网易易盾资深计算机视觉算法工程师,主要负责图像和视频 AI 算法在内容安全领域的研发、落地和优化。在违禁、涉政、暴恐内容识别、logo 识别、图像检索、视频深度鉴伪等多个领域有丰富的研发和项目落地经验。AI 技术应用的「双刃剑」效应AI 是近些年热度颇高的词汇,并实实在在地渗入了生活的方方面面,如:AI+安.

随便推点

两个数相乘(包括整数和小数),精度问题_Maizi93的博客-程序员秘密

假设a和b相乘,a、b都有可能是小数,返回相乘的结果(注意精度问题)举个栗子:a=4, b=0.0002——结果:0.0008var a = 4;var b = 0.0002;//首先把两个数转换成字符串(十进制)var str1 = a.toString();var str2 = b.toString();//分别取得两个数的小数位数(确定精度)var l

【C语言】PAT甲级训练题目 1025题总结_UlyssesXC的博客-程序员秘密

其他题目:【C语言】PAT甲级训练题目答案、知识点梳理及总结链接:原题原题内容:1025 PAT Ranking (25 分)Programming Ability Test (PAT) is organized by the College of Computer Science and Technology of Zhejiang University. Each test i...

android apk dex odex jar 等文件的 反编译工具 _duanyu010的博客-程序员秘密

 关于android apk odex  jar 反编译方式:http://www.wieui.com/      视频实例:http://www.youtube.com/watch?v=sMp6CSKPp9E  www.wieui.com/ 这个网站收藏了很多关于反编译,制作android特殊服务,等技术文章。 列出部分如下:  [转] Andr...

超详细的centos7安装oracle19c RAC_centos7 安装19c rac_无情白的博客-程序员秘密

oracle vm virtualbox centos7 安装oracle 19c RAC来公司已经一个多星期了,因为之前在学校学的是开发,所以运维对于我来说上手比较难,上来就是安装oracle19c,刚听到安装数据库时,感觉很开心,因为之前安装一个软件步骤特别简单,然而事与愿违,你想的终究不是你能得到的,哈哈哈。在此过程中遇到了各种各样的错误,N次百度,N次请求导师帮助,下面是我在本次安装的步骤及遇到的错误。 希望能让大家在安装过程中少走弯路。一、环境准备网上都有下载链接,很简单。oracle

[NOIP2016]换教室 D1 T3 Floyed+期望DP_aodanchui1057的博客-程序员秘密

[NOIP2016]换教室 D1 T3Description对于刚上大学的牛牛来说, 他面临的第一个问题是如何根据实际情况中情合适的课程。在可以选择的课程中,有2n节课程安排在n个时间段上。在第 i ( 1≤ i≤n)个时同段上, 两节内容相同的课程同时在不同的地点进行, 其中, 牛牛预先被安排在教室 ci上课, 而另一节课程在教室 di进行。在不提交任何申请的情况下...

推荐文章

热门文章

相关标签