这是一个基于 Angular 1.x + ES6 + Webpack 的最小 AngularJS 自动化开发环境。
- AngularJS + ES6 最佳实践
- 最小化安装,减少学习成本
- 使用 Webpack,配置灵活,功能强大,自动化开发和部署
- 自动加载资源文件,通过 Hash 串进行版本控制,支持使用 CDN 加载文件
- 自动压缩 JS、CSS、HTML 文件,根据浏览器版本自动增加 CSS 前缀等
- 可以根据需要配置更多自动化功能
克隆或下载此项目,依次运行如下命令:
# 克隆此项目(已下载则忽略此步)
$ git clone https://github.com/liamwang/angular-webpack-starter.git my-app
# 切换到你的 APP 目录
$ cd my-app
# 安装 NPM 依赖包
$ npm install
# 启动服务
$ npm start
打开浏览器,输入 http://localhost:8080.
运行下面命令将自动打包压缩并生成部署文件到 www 文件夹:
$ npm run build
将生成的 www 文件夹复制到目标服务器即可。
你也可以使用轻量服务器 serve 来检查生成的发布文件。
安装 serve:
$ npm install -g serve
切换到你的 APP/www 目录,运行 serve 服务器:
$ cd <你的APP目录>/www
$ serve
打开浏览器,输入 http://localhost:3000 。
MIT license
若有问题或疑问欢迎 反馈!