驾图APP-H5页面项目包
一、项目概述
项目包采用gulp构建,css预编译使用sass,整体页面结构如index.html所示。
二、项目编写
1、所有的开发代码全部在src目录下编写;
2、页面要引入的css文件放在assets/stylesheet目录下,后缀名为.scss,如index.scss;
3、页面的css代码写入assets/stylesheet/pagem目录中,文件名前面加_,后缀名为.scss,如_index.scss;
4、页面所用到的js文件放在assets/javascript目录中,需要到gulpfile.js中去进行编译配置
var jsGroup = {
'main.js': [
paths.src.js + '/base.js',
paths.src.js + '/requestAnimationFrame.js',
paths.src.js + '/LazyImage.js',
paths.src.js + '/to_top.js'
//这里写页面所需要用到的js文件,格式如上
]
};
三、项目编译
1、进入cmd,找到对应项目目录,输入;
gulp build
2、待项目构建完成后,输入;
gulp
3、运行dist/mongoose-free-5.6;
4、访问http://localhost:3000
如有任何疑问,请联系本人