0.2.1 • Published 3 years ago

rsan-pages v0.2.1

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

介绍

一套用于静态Web应用的自动化构建工作流。

如何使用

rsan-pages基于gulp构建,它提供了以下工作流:

命令作用
clean清除之前构建的产物
build开始构建用于部署生产环境的文件
develop编译项目并启动一个本地服务器,会自动打开游览器

安装

yarn add rsan-pages -D

添加工作流

在你的项目中package.json,修改:

{
    "scripts": {
        "clean": "rsan-pages clean",
        "build": "rsan-pages build",
        "develop": "rsan-pages develop",
    }
}

配置项目

在你的项目中新增pages.config.js文件,并配置内容,例如:

module.exports = {
  build: {
    src: 'src',
    dist: 'release',
    temp: '.tmp',
    public: 'public',
    paths: {
      styles: 'assets/styles/*.scss',
      scripts: 'assets/scripts/*.js',
      pages: '*.html',
      images: 'assets/images/**',
      fonts: 'assets/fonts/**'
    }
  },
  data: {
    menus: [
      {
        name: 'Home',
        icon: 'aperture',
        link: 'index.html'
      },
      {
        name: 'Features',
        link: 'features.html'
      },
      {
        name: 'About',
        link: 'about.html'
      },
      {
        name: 'Contact',
        link: '#',
        children: [
          {
            name: 'Twitter',
            link: 'https://twitter.com/w_zce'
          },
          {
            name: 'About',
            link: 'https://weibo.com/zceme'
          },
          {
            name: 'divider'
          },
          {
            name: 'About',
            link: 'https://github.com/zce'
          }
        ]
      }
    ],
    pkg: require('./package.json'),
    date: new Date()
  }
}
选项作用
build构建配置
data多页面配置

最后,祝使用愉快!