轻量级的脚手架配置,快速进入web前端开发阶段 建议保持每个单独的项目独立享有一个脚手架,多个项目共享脚手架将会引发一系列的问题,例如依赖的库版本号不一致且不向下兼容时,容易造成早些时间的项目不可用
目录:
...
dev:测试环境
public:正式环境
src:源代码
...
src分为:
...
css:样式存放目录(注意:该目录下的css文件将会按文件名自上而下按顺序进行合并,请注意引入顺序)
html:页面存放目录
img:图片存放目录
js:脚本存放目录
├── module 模块存放路径
lib:常用库存放目录
...
...
1、监听文件变换并同步至dev、public,自动使用browser-sync进行静态资源的启动
2、静态文件在html中自动生成版本号参数
...
构建及监听:
npm run start 构建测试和正式代码并启动浏览器打开首页