该项目适用于活动等单一页面的快速开发。
原理:使用webpack对当前目录下任意符合规范的目录进行打包处理。
所有命令通过npm scripts的方式执行
支持的命令:开发模式 npm start, 打包模式 npm run build
在实际运行时需要加入一定的参数,如:
npm start -- -s (源码目录,默认src) -o (打包输出目录,默认dist) -p (当前活动目录名称) -h (入口html, 有默认文件,可制定路径) -c (copy静态文件目录)
-
确认默认配置,在
package.json中events确认以上参数对应的入口,如有需要可直接修改 -
在pages目录创建单页面目录,内部再创建一个源码目录(默认:src)
-
执行
npm start -- -p (当前活动目录名称),可进入开发实时预览,或进入要预览的目录直接执行npm start -
执行
npm run build -- -p (当前活动目录名称), 进行打包,或进入要打包的目录直接执行npm run build
-
项目默认使用的框架为preact,可以稍为修改部分内容即可支持react, vue等框架
-
别名,为了方便引用公共组件,已默认添加
@作为起点,指向项目根目录,如:@/components等于/根目录/components