经过几天的努力终于实现了一个完美的作品，webpack可以与gulp完美结合的进行打包静态文件，并将静态文件上传到七牛云存储，当然也可以传到你想传的云存储了，这里只分享一个七牛的云存储方案。

关于如何使用webpack打包静态代码，这个可以参考我之前的一些文章和方案，不行的话可以进群交流。

这里只分享一下gulp这边的操作，然后给一个例子实现如何一条命令打包静态文件并更新cdn文件的方法。

先展示一下g

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

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

使用node的express或connect作为server来启动项目的如何去设置webpack-dev-server

这里举例子说明【为这里使用的是connect，express同理】，三个文件

development.js  //启动文件
webpack.config.development.js //开发模式的配置文件
webpack.dev.server.js //webpack-dev-se

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

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

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

主要的有一下几点

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

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

这个操作很简单的，只需要一个插件就好了，就是extract-text-webpack-plugin

1，安装extract-text-webpack-plugin

cnpm install extract-text-webpack-plugin --save-dev

2,配置文件添加对应配置

首先require一下

var ExtractTextPlugin = require("extract-text-

打包jsx文件，为了使得此文件可以直接被打包，并且在应用的时候不加入后缀，需要做以下几个步骤：

1，安装jsx-loader

$ npm install --save-dev jsx-loader

2，配置

module: {
  loaders: [
    {
      //tell webpack to use jsx-loader for all *.jsx files
      test: 

1，安装需要的包

npm install --save-dev webpack webpack-dev-server

2，配置添加

output: {
  filename: 'bundle.js', //this is the default name, so you can skip it
  //at this directory our bundle file will be available

//模块导入 Highcharts

global.HighchartsAdapter = require('exports?HighchartsAdapter!../../bower_components/highcharts/adapters/standalone-framework.src');
module.exports = require('exports?Highcharts!../..

1，开始使用webpack

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

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

//初始化文件目录：

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