xiao-zao-cli

FE template and build tool

Usage no npm install needed!

<script type="module">
  import xiaoZaoCli from 'https://cdn.skypack.dev/xiao-zao-cli';
</script>

README

xiao-zao-cli

安装

npm install -g xiao-zao-cli
// or
yarn global add xiao-zao-cli

使用

// 初始化
xiao-zao init

// 开发运行
xiao-zao start

// 打包
xiao-zao build

介绍

主要功能

  • 开发时样式热加载
  • 支持 Sass、Less 和 Stylus 样式预处理自动编译
  • autoprefixer 前缀补全
  • px -> rem 自动转换
  • 部署构建时代码合并压缩

相关组件依赖

基础目录结构

很多预制的功能与目录结构相关,请确认项目包含以下文件和目录,否则可能执行失败。

.
├── package.json
└── src
    ├── css
    │   └── main.scss               # 引入的样式文件(在 main.js 中)
    ├── img                         # 图片 资源的目录
    ├── plugin                      # 音频 资源的目录(可选)
    ├── index.html                  # html 模板
    └── js
        └── main.js                 # 入口 js 文件

感谢

项目的灵感和某些 Webpack 的配置来自 create-react-appelf

许可

MIT

npm npm npm npm