#elm #boilerplate #projects #ui #generator #create #quickly

bin+lib elm-ui-project

Elm-ui 项目样板代码生成器

7 个版本

0.1.6 2019年10月8日
0.1.5 2019年10月8日

#22 in #elm

43 每月下载量

MIT 许可证

8KB
136

elm-ui-project

快速创建elm ui项目的样板代码

USAGE:
    elm-ui-project <project>

	FLAGS:
	    -h, --help       Prints help information
		-V, --version    Prints version information

			ARGS:
			    <project>    

elm-ui-project 创建应用程序骨架以及makefile。

Makefile 使用方法

make dev       # create a dev build under dist directory
make build     # create a optimized production build
make devserver # start elm-live devserver (requires elm-live)
make minify    # minify out.js using uglifyjs (requires uglifyjs)

out.js 文件在每次更改后自动进行哈希处理,并且 {{elmout}}.jsindex.html 中自动设置为新的值。

重要变量

Makefile 使用几个变量来提供更好的对构建/开发过程的控制

  • OUTFILE
    • 输出文件路径
    • 默认:dist/out.js
  • ELMPRODFLAGS
    • 用于生产构建的elm make标志
    • 默认:--optimize
  • ELMDEVFLAGS
    • 用于开发构建的elm make标志
    • 默认:--debug
  • DEVPORT
    • elm-live 端口
    • 默认:8888
  • DEVHOST
    • elm-live 主机
    • 默认:0.0.0.0

Makefile 示例

	make devserver ELMDEVFLAGS= # start devserver dont pass default --debug flag
	make build && make minify   # optimize and minify and hash the output file
	make clean                  # delete dist directory

依赖

~9.5MB
~241K SLoC