koa2.0.0 webpack 结合 动态调试代码

koa2.0.0 的路由和视图渲染完之后的一个问题就是,如何高效的开发前端代码。

因为我之前的前端代码是用webpack进行打包,然后打包过程中,使用babel实现了,ES6语法的转换,这行我就不能太干脆的丢弃webpack,然后里面使用了react+react-router+reflux,整个开发体系还是比较可以的。为了整合之前的代码,需要将之前的connect框架改为koa2.0.0,毕竟koa

...

koa2.0.0的测试版本-视图渲染、静态文件调用的配置

针对koa2.0.0的测试版本,在使用的过程中遇到了很多的问题,这篇文章讲解一下如何进行操作html的调用和静态文件的调用

因为koa2.0.0版本的升级,很多的中间件都没有跟随着一起调整,所以有些中间件就出现了很多问题,这里说的就是针对试图文件的调用渲染和静态文件的调用

视图文件的调用使用的是如下的中间件:koa-swig

安装koa-swig:

cnpm install koa-swig --save
...

为啥npm安装的时候devDependencies这里面的代码也安装了

为啥npm安装的时候devDependencies这里面的代码也安装了,琢磨了好久,也搜索了很久,终于找到了答案,哈哈。其实觉得npm还是蛮智能的,只是自己比较低能了,没看npm的源码,测试结果是让我觉得,npm会根据NODE_ENV的环境变量值,来判断你当前的环境是开发环境和生产环境,然后根据环境来安装对应的依赖包。

解决方式就是:

export NODE_ENV=production
npm in
...

koa 2.0.0 与 Router整合

最近koajs更新了一个很重要的版本,就是2.0.0,虽然这个版本是一个还在开发中的版本,但是已经可以下载使用了,当然,我用来下,唉,遗憾的是,虽然koa更新了,但是对应的中间插件并没有更新,这个是为什么呢,其他中间件的人不积极呗,只能试用了下,最重要的一个就是,Router这个中间件,既然也没有更新,不兼容最新版本的koa,好吧,还有在issue中发现了两点,已经有人根据koa-router,自

...

linux中修改root帐户的登录用户名来加强系统保护

为了加强Linux的安全,修改linux的root的登录名会给系统带来额外的保护

操作只需要三步就可以搞定


第一步:修改 /etc/passwd

vi /etc/passwd

按i键进入编辑状态

修改第1行第1个root为新的用户名

按esc键退出编辑状态,并输入:wq!保存并退出

第二步:修改 /etc/shadow

vi /etc/shadow

按i键进入编辑状态

修改第1行第1个root为新的用户名

按esc键退

...

如何在两台服务器之间转移数据库

为了在两台服务器之间转移数据库,这里只需要三个步骤


第一步:执行Mysql的 Dump

mysqldump -u root -p --opt [database name] > [database name].sql

第二步:copy数据库文件到另外一台服务器

这里使用SCP命令,而且SCP有如下的使用语法

scp [database name].sql [username]@[servername]:pa
...

强制浏览器不缓存的方法

一、对于静态页(就是通过meta标签来设置):

<!--expires用于设定网页的过期时间,一旦过期就必须从服务器上重新加载.时间必须使用GMT格式-->
<meta http-equiv="expires" content="Sunday 26 October 2008 01:00 GMT" />

或者通过pragma no-cache来设置,pragma出现在http-equiv属性中,使用co

...

webpack hot server 设置 - 进阶

使用webpack时间越久,越觉得js越好玩,之前也写过一篇文章,但是太简陋啦。

最近在配置使用webpack hot server,整了很长时间,终于还是被我整的差不多了,而且还是正常使用啦。

我的项目不是那种静态的,我使用node做server去运行项目,然后调试js的。

主要的有一下几点

我把主要的几个文件列出来一下:

app.js
webpack.dev.server.js
webpack.conf
...

webpack 打包基础测试

1,开始使用webpack

首先新建一个app的项目,在项目下面执行如下代码:


$ npm init // 用于初始化项目的package.json


//初始化文件目录:

app
    --- css
        --- main.scss
    --- js
        --- index.js
        --- a.js
        --- b.js
        --- c.
...