webpack hot server 设置 - 进阶

使用webpack时间越久,越觉得js越好玩,之前也写过一篇文章,但是太简陋啦。最近在配置使用webpackhotserver,整了很长时间,终于还是被我整的差不多了,而且还是正常使用啦。我的项目不是那种静态的,我使用node做server去运行项目,然后调试js的。主要的有一下几点我把主要的几个文件列出来一下:app.jswebpack.dev.server.jswebpack.config.js以上几个是主要文件在app.js里面我们要加入的配置如下if(process.env.NODE_ENV=='dev'){require('./webpack.dev.server')(app)}webpack.dev.server.js的配置如下:varwebpack=require('webpack');varWebpackDevServer=require('webpack-dev-...

webpack分离css单独打包

这个操作很简单的,只需要一个插件就好了,就是extract-text-webpack-plugin1,安装extract-text-webpack-plugincnpminstallextract-text-webpack-plugin--save-dev2,配置文件添加对应配置首先require一下varExtractTextPlugin=require("extract-text-webpack-plugin");plugins里面添加newExtractTextPlugin("styles.css"),我这里如下:plugins:[newwebpack.optimize.CommonsChunkPlugin('common.js'),newExtractTextPlugin("styles.css"),],modules里面对css的处理修改为{test:/\.css$/,loader:ExtractTextPlugin.extract("style-loader","css-loader")},千万不要重复了,不然会不起作用的我这里如...

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...