一个使用LeanCloud的前端资源发布以及管理的小工具

Github传送门

Description

This is a simple front end version release sample project based on LeanCloud storage. LeanCloud provide cloud database and cloud storage, So this is the key to use cloud to host your front end resources.
In this example, you can host your bundled javascript file in cloud and take advantage of the CDN.

Setup

mkdir -p config
touch config.js

Your config file should look like this:

var config = {
    "application": {
        "name": 'YOUR APPLICATION NAME'
    },
    "leancloud": {
        "appid": "YOUR APP ID",
        "appkey": "YOUR APP KEY"
    }
}
module.exports = config;

Workflow

You will hava several gulp tasks

gulp -T
# [11:42:17] Tasks for ~/Program/fe-cdn/fe-cdn-lc/gulpfile.js
# [11:42:17] ├── default
# [11:42:17] ├── dev
# [11:42:17] ├── prod
# [11:42:17] ├── lc-dev
# [11:42:17] └── lc-prod

In development mode, you should run gulp dev to bundle the front end project, then you can run gulp lc-dev to upload the resource and you will create a record.

You can do the same in production mode, the differences between them are the webpack confg file. Also, you should run gulp prod and gulp lc-prod

Read the gulpfile and webpack config file if you want to make some improvements.

3 人赞了这个帖子.