https://github.com/lpreterite/sao-simple-web

simple web SAO generator
https://github.com/lpreterite/sao-simple-web

sao sao-generator sao-template web

Last synced: about 2 months ago
JSON representation

simple web SAO generator

• Host: GitHub
• URL: https://github.com/lpreterite/sao-simple-web
• Owner: lpreterite
• License: mit
• Created: 2019-06-12T02:26:06.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-03T13:18:01.000Z (over 2 years ago)
• Last Synced: 2025-03-23T20:22:31.210Z (2 months ago)
• Topics: sao, sao-generator, sao-template, web
• Language: JavaScript
• Size: 448 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# sao-simple-web

[![babel](https://img.shields.io/badge/babel-v7.4.5-blue.svg)](https://babeljs.io/) [![webpack](https://img.shields.io/badge/webpack-v4.33.0-blue.svg)](https://github.com/webpack/webpack/releases) [![html-webpack-plugin](https://img.shields.io/badge/html--webpack--plugin-v4.0.0--beta-orange.svg)](https://www.npmjs.com/package/html-webpack-plugin) [![mini-css-extract-plugin](https://img.shields.io/badge/mini--css--extract--plugin-v0.7.0-blue.svg)](https://www.npmjs.com/package/mini-css-extract-plugin)

> 简单网页应用生成器

## 如何使用

首先安装[SAO](https://github.com/saojs/sao)。

```bash

yarn global add sao

# or

npm i -g sao

```

然后执行以下命令创建你的网页应用。

```bash

sao lpreterite/sao-simple-web my-project

```

## 特征

- 基于`postcss`提供scss和precss两种CSS编码风格

- 基于`babel@7`提供es6/7的JS编码风格和特性

- 基于`webpack`进行构建

- 样式基于`autoprefixer`处理兼容

- 样式基于`cssnano`处理压缩

- 基于`webpack`使用`imagemin-webpack-plugin`插件以复制的方式压缩图片

- CSS样式与JS命令基于`webpack`使用`html-webpack-plugin`和`mini-css-extract-plugin`自动添加至HTML模板

## License

MIT © [lpreterite](lpreterite)