iwa-cli
An ImmutableWebApp CLI using oclif and cosmiconfig
Last updated a month ago by chrispcode .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install iwa-cli 
SYNC missed versions from official npm registry.

iwa-cli

An ImmutableWebApp CLI using oclif and cosmiconfig

oclif Version Downloads/week License

Installation

yarn add --dev iwa-cli

npm install --save-dev iwa-cli

Usage

Generate

  1. Create a .iwarc file in the root of your project. The format of this file should look like this.
{
  "env": {
    "production": {
      "KEY": "VALUE_PRODUCTION"
    },
    "development": {
      "KEY": "VALUE_DEVELOPMENT"
    }
  }
}
  • The production environment cannot be omitted!
  • Specify as many environments as you need! In this case we have 2 (one for production and one for development)
  • Always specify the same keys in all environments!
  1. Create a script tag with id="iwa" in your index.html or template.index.html
<!DOCTYPE html>
<html lang="en">
  <head></head>
  <body>
    <div id="menu"></div>
    <main id="root"></main>
    <div id="footer"></div>

    <script id="iwa"></script> <!-- This line here is the one -->
  </body>
</html>
  • Make sure you don't have anything it, because it will get erased!
  • Make sure it is placed before all you bundles!
  1. Run the generate command
iwa generate --env=production ./example/index.html  # or the location where the file is located

The command will inject the configuration in the script tag:

<!DOCTYPE html>
<html lang="en">
  <head></head>
  <body>
    <div id="menu"></div>
    <main id="root"></main>
    <div id="footer"></div>
    <script id="iwa">window.env = {"KEY":"VALUE_PRODUCTION"}</script>
  </body>
</html>

Override

You can override a variable with process.env variables:

KEY="VALUE_PROCESS" iwa generate ./example/index.html

Remove

You can also erase the configuration from a file, by using the remove command

iwa remove ./example/index.html

Commands

iwa generate [INPUT] [OUTPUT]

Generates a HTML file, where window.env configuration is injected

USAGE
  $ iwa generate [INPUT] [OUTPUT]

OPTIONS
  -e, --env=env  [default: production]
  -h, --help     show CLI help
  -v, --version  show CLI version

ALIASES
  $ iwa gen
  $ iwa g

See code: src/commands/generate.ts

iwa remove [INPUT]

Removes injected configuration from a HTML file

USAGE
  $ iwa remove [INPUT]

OPTIONS
  -h, --help     show CLI help
  -v, --version  show CLI version

ALIASES
  $ iwa rm

See code: src/commands/remove.ts

Current Tags

  • 0.1.2                                ...           latest (a month ago)

3 Versions

  • 0.1.2                                ...           a month ago
  • 0.1.1                                ...           2 months ago
  • 0.1.0                                ...           2 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (8)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |