webpack+gulp 实现 静态文件打包并自动上传到七牛完美示例

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

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

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

先展示一下g

...

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

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

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

...

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