Package Exports

minista

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (minista) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

minista

About

minista（ミニスタ）は、React(JSX)で書ける web コーディング用の小さいスタティックサイトジェネレーターです。

ゼロコンフィグ
React(JSX)から静的な HTML を出力
Next.js 風のディレクトリ構成
CSS / Dart Sass / PostCSS (Autoprefixer etc.)
JavaScript / ESNext / Babel
node_modules からのライブラリ読み込み
ソースコードの Minify

How To Use

npm

Setup

$ npm install --save-dev minista

# ----------------------------------------------------
# Directory Example
# ----------------------------------------------------

public # Copy root
src
├── assets
│   └── index.js # Required!
├── components
│   └── layout.js
└── pages # Required!
    ├── about
    │   └── index.js
    └── index.js

//----------------------------------------------------
// Page Example
//----------------------------------------------------

import React from "react" // Required!
import { render } from "minista" // Required!

const Home = () => {
  return render( // Required!
    <h1>Hello</h1>
  )
}

export default Home

Develop

# Start
$ minista

# Stop
Press Ctrl+C

Build

$ minista build

Components

Comment

Input

import React from "react"
import { render, Comment } from "minista"

const Home = () => {
  return render(
    <>
      <Comment text="Comment Test" />
      <h1>Hello</h1>
    </>
  )
}

export default Home

output

<body>
  <!-- Comment Test -->
  <h1>Hello</h1>
</body>

Customize

webpack

プロジェクトの root に webpack.config.js を配置することで設定を追加できます。

JSPM

minista

Package Exports

Readme

minista

About

How To Use

npm

Setup

Develop

Build

Components

Comment

Input

output

Customize

webpack

Media

Respect

License

Credit