smash-cli

smash-cli

  • Documentation
  • Examples
  • Blog
  • GitHub

›Templates

Getting Started

  • What is smash-cli?
  • Installation
  • Command Line Usage

Middlewares

  • smash-middleware-clean
  • smash-middleware-copy
  • smash-middleware-eslint
  • smash-middleware-helloworld
  • smash-middleware-jest
  • smash-middleware-shell
  • smash-middleware-webpack-v4

Templates

  • smash-template-react
  • smash-template-react-component
  • smash-template-revealjs

Programmatic APIs

  • smash-cli
  • smash-init
  • smash-dowload
  • smash-install
  • smash-run
  • smash-helper-logger
  • smash-helper-task-finder
  • smash-helper-middleware-installer
Edit

smash-template-react

npm

React 16 template.

安装

创建一个 demo 目录,然后在里面下载本模板,

# 步骤 1 下载模板
$ mkdir demo && cd demo
$ smash download smash-template-react

# 步骤 2 安装项目依赖
$ npm install

# 步骤 3 安装中间件
$ smash install

开发

开启 webpack-dev-server,

$ smash run dev-server

或者只开启监听模式,

$ smash run watch # 监听文件变化,立即执行构建

构建

$ smash run build

目录结构

├─ .smash/          # smash-cli配置目录
│   └── task.yml
│
├─ mock/
│   └── user.js     # mock文件示例
|
├─ src/
│   ├─ assets/        # 静态资源目录
|   │   └─ index.html # index应用的html入口文件
│   ├─ components/    # 公共组件目录
│   ├─ helper/        # 辅助函数目录
│   ├─ pages/         # 页面层级组件目录
|   │   └─ index      # 首页文件目录
│   ├─ services/      # services请求目录
│   └─ index.js       # index应用入口
│
├─ .gitignore
├─ .npmignore
├─ package.json
├─ proxy.js
├─ README.md
└─ webpack.config.js # 自定义webpack配置
← smash-middleware-webpack-v4smash-template-react-component →
  • 安装
  • 开发
  • 构建
  • 目录结构
smash-cli
Documentation
Getting StartedMiddlewaresTemplatesProgrammatic APIs
Examples
UsageContribute
Community
HelpUser ShowcaseIssuesYuque
More
BlogStar
Facebook Open Source
Copyright © 2020 www.smash-cli.com
粤ICP备18035177号-2 | 粤公网安备 44011302002170号