webpack 打包jsx文件配置

打包jsx文件,为了使得此文件可以直接被打包,并且在应用的时候不加入后缀,需要做以下几个步骤:1,安装jsx-loader$npminstall--save-devjsx-loader2,配置module:{loaders:[{//tellwebpacktousejsx-loaderforall*.jsxfilestest:/\.jsx$/,loader:'jsx-loader?insertPragma=React.DOM&harmony'}]},3,扩展设置resolve:{extensions:['','.js','.jsx']}

webpack-dev-server 配置

1,安装需要的包npminstall--save-devwebpackwebpack-dev-server2,配置添加output:{filename:'bundle.js',//thisisthedefaultname,soyoucanskipit//atthisdirectoryourbundlefilewillbeavailable//makesureport8090isusedwhenlaunchingwebpack-dev-serverpublicPath:'http://localhost:8090/assets'//重点在这里},3,安装http-servernpminstall--save-devhttp-server4,页面添加启动脚本<!DOCTYPEhtml><html><head><title>BasicProperty&n...

webpack highcharts 打包处理

//模块导入Highchartsglobal.HighchartsAdapter=require('exports?HighchartsAdapter!../../bower_components/highcharts/adapters/standalone-framework.src');module.exports=require('exports?Highcharts!../../bower_components/highcharts/highcharts.src');在entry.js文件中加入这行代码../../bower_components/highcharts/adapters/standalone-framework.src../../bower_components/highcharts/highcharts.src这两行在上面的位置代表文件的位置

webpack 打包基础测试

1,开始使用webpack首先新建一个app的项目,在项目下面执行如下代码:$npminit//用于初始化项目的package.json//初始化文件目录:app---css---main.scss---js---index.js---a.js---b.js---c.js---es6_module.js---index.html---package.json---webpack.config.js2,安装webpac...

linux 删除文件后,如何释放磁盘空间

关于磁盘空间会有一个问题就是磁盘空间满了,但是删除对应的文件后【你删除的没有错误】,通过du-h--max-depth=1查看后16K./lost+found26M./test.zhidetou.net88K./spider62M./mocker.qeeniao.com4.6M./www.zhidetou.net12G./elasticsearch12G.这里显示是12G啦,总磁盘大小是20G,也应该是60%发现文件是减少了,但是df-h发现还是没有减少。FilesystemSizeUsedAvailUse%Mountedon/dev/xvda120G11G8.1G&nb...

国内速度较快的CDN

又拍云:http://jscdn.upai.com/(支持https)又拍云CDNJSCN:http://www.cdnjs.cn/(支持https)维护者(Sofish/hfcorriez/ikbear@qiniu)中科大库:https://servers.ustclug.org/2014/07/ustc-blog-force-google-fonts-proxy/[支持https,完全GoogleAPIs镜像]维护者(LUG@ustc)

mocha的时间戳转换日期正确用法

vardate='2015-09-10';debug('date:',date);varstarttime=moment(Date.parse(date)).second(0).minute(0).hour(0).format('X');varendtime=moment(Date.parse(date)).add(1,'day').second(0).minute(0).hour(0).format('X');debug('starttime:',starttime);debug('endtime:',endtime);debug('starttime:',moment.unix(starttime).format('YYYY-MM-DDHH:mm:ss'));debug('endtime:',moment.unix(endtime).format('YYYY-MM-DDHH:mm:ss'));如果是日期字符串,请先用Date.parse(date)进行parse下。如果是时间戳,请直接使用moment.unix()进行操作

2015-09-10 工作记录

1、查看innodb死锁情况查看事务情况showengineinnodbstatus\G查看事务详情SELECT*FROMinformation_schema.INNODB_TRX\G2、kibana4添加图表,以及如何在dashboard【仪表板】上展示所有的图表或者分开展示图表添加图表的流程一定要清楚,先要有visualization【可视化视图】,然后才能在dashboard【仪表板】上面添加图表,事实上图表就是所谓的visualization【可视化视图】;这里的操作关键比较难的是如何添加visualization【可视化视图】,并且在添加visualization【可视化视图】过程中的Filter的操作。Filter说起来也很简单就是搜索出你要展示的数据数量的值,比如访问链接地址的时长,某个链接的请求次数的...

git生成ssh key及本地解决多个ssh key的问题

ssh是一种网络协议,用于计算机之间的加密登录。ssh原理及应用可参考:SSH原理与运用(一):远程登录生成sshkey步骤这里以配置github的sshkey为例:1.生成sshkeyssh-keygen-trsa-C"邮箱"然后根据提示连续回车即可在~/.ssh目录下得到id_rsa和id_rsa.pub两个文件,id_rsa.pub文件里存放的就是我们要使用的key。2.上传key到githubclip<~/.ssh/id_rsa.pub复制key到剪贴板登录github点击右上方的Accountingsettings图标选择SSHkey点击AddSSHkey3.测试是否配置成功ssh-Tgit@github.com如果配置成功,则会显示:Hiusername!You’vesuccessfullyauthenticated,butGitHubdoesnotp...

配置多个ssh key的遇到的问题

配置多个sshkey的遇到的问题1,Badownerorpermissionson.ssh/config2,进行测试的时候总会出现提示输入密码以上两个问题多数是由于权限的问题解决问题一:将config的执行权限修改为600sudochmod600~/.ssh/config解决问题二:这个问题在我这里出现的原因是由于我将config拥有权限改成了root,导致出现的问题如果你也遇到这样的问题的话,可以试着改成拥有权限为自己就可以了。sudochownxxx~/.ssh/config[xxx]为linux的当前用户执行完之后在测试下,是不是已经就成功了,没有的话可以加群沟通

分享React表单提交获取值的方式

很奇怪的,这个是要去自己发现的,我也是在摸索中发现的,其实React的使用,只有你发现了,才觉得好玩,最近的Reflux就是这样子的。##表单提交部分handleSubmit:function(e){e.preventDefault();varparams={};varkeys=React.findDOMNode(this.refs.keys).value.trim();vardays=React.findDOMNode(this.refs.days).value.trim();varnum=React.findDOMNode(this.refs.num).value.trim();varstartDate=React.findDOMNode(this.refs.from_date).value.trim();varendDate=React.findDOMNode(this.refs.to_date).value.trim();//这部分是我自己发现的,...