基于webpack的jQuery脚手架,快速进行移动端的jQuery页面开发。
- jQuery
├── .eslintrc :eslint代码检查规范
├── .gitignore
├── package.json
├── app.js :项目入口文件
├── webpack.config.js :webpack 相关配置文件
├── LICENSE :项目LICENSE
├── src
│ ├── main.js :组件分发入口文件
│ ├── routes.js :路由配置文件
│ ├── normalize.css :css reset
│ ├── style.css :全局样式文件
│ ├── lib :存放静态资源文件
│ │ └── images :存放
│ │ └── image.jpg
│ └── components :存放项目组件,集成jQuery
│ ├── Header
│ │ ├── Header.html
│ │ ├── index.js
│ │ └── style.css
│ ├─── Main
│ │ ├── Main.html
│ │ ├── index.js
│ │ └── style.css
│ └─── Footer
│ ├── Footer.html
│ ├── index.js
│ └── style.css
└── public :打包后的项目代码
├── index.html
└── bundle.js
下载本项目
安装依赖
在开发环境运行项目,启动成功后,在浏览器打开http://localhost:2017
可以访问。
当你修改项目中的文件并保存后,应用进程会重新加载,如果有错误会在终端显示。
运行打包程序,将项目打包为静态资源文件。
集成eslint
代码风格检查工具,可在根目录下的[.eslintrc]查看具体配置项目。