Skip to content

luzhuang/pixirollup

Repository files navigation

<%=project%>

<%=description%>

release

  • 增加发布到 mui 功能,在 .config/index.js 中配置, 默认关闭

模块开发脚手架

模块开发脚手架,生成单一dist/index.js 和 dist/index.css

使用方法

tnpm install

P.S. 新版的 tnpm4 bug 一堆,如果出现错误请降级到 tnpm@3 或者使用以下命令:

npm install --registry=http://registry.npm.alibaba-inc.com
npm run dev   # 开发模式
npm run build # 构建文件
npm run test  # 单元测试并报告测试覆盖率

npm run dev 会启动一个 http server, 打开网址 http://127.0.0.1:8080/test/index.html 进行开发调试,浏览器会自动刷新

测试

本脚手架为方便大家的开发习惯,提供了传统人肉测试和单元测试功能。

  • 人肉测试代码写在 test/browser.js 中,刷新浏览器可以看到效果
  • 单元测试写在 test 目录下以 _spec.js 命名的文件中。单元测试框架使用的最 futuristic 的 ava, 更多介绍见官网 https://github.com/avajs/ava

编码规范

本脚手架使用 standard 编码风格。 默认 2 空格缩进,禁用分号,字符串单引号优先。

  • build 构建线上代码时会禁用 alert 和 debugger,dev 模式下不禁止

  • 如果希望对规则进行更改,可调整 .eslintrc.js。 以允许使用分号为例:

'semi': 2 // 2 为 error,1 为 warning, 0 为不检测, 重启 npm 生效 ```

  • 希望跳过部分文件检测,可配置 .eslintignore, 语法和 .gitignore 一致

调试代码

  • 可以将调试代码写在 process.env.NODE_ENV !== 'production' 判断条件内,构建后会删除 e.g.
if (process.env.NODE_ENV !== 'production') {
  console.log(...) // 里面的代码构建后会删除
}

传统模块迁移规范

  1. 将 build 目录重命名成 dist 目录
  2. 修改仓库发布目录
  3. 将原代码放在 src 目录
  4. 按上述流程开发

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published