PinkyJie / Angular1 Webpack Starter
Licence: mit
Component based Angular(1.x) web development with Webpack and ES6.
Stars: ✭ 148
Programming Languages
javascript
184084 projects - #8 most used programming language
es6
455 projects
Projects that are alternatives of or similar to Angular1 Webpack Starter
Typescript Webpack Starter
⚡ create-ts-lib: A Starter Kit and a CLI to create your TypeScript / ES6 module bundled by Webpack without thinking about build or unit tests configurations. 🏠
Stars: ✭ 358 (+141.89%)
Mutual labels: webpack, unit-test
ionic-workflow-guide
Create a full and powerful worflow with Ionic (Unit Testing, Environment variables, Automatic documentation, Production App Server, Automatic deployment)
Stars: ✭ 46 (-68.92%)
Mutual labels: e2e-tests, unit-test
Reactn
React, but with built-in global state management.
Stars: ✭ 1,906 (+1187.84%)
Mutual labels: webpack, travis
Mdb Webpack Starter
Webpack Starter for Material Design for Bootstrap UI Kit based on the latest Bootstrap 5.
Stars: ✭ 39 (-73.65%)
Mutual labels: webpack, material-design
Angular Builders
Angular build facade extensions (Jest and custom webpack configuration)
Stars: ✭ 843 (+469.59%)
Mutual labels: webpack, unit-test
Typescript Library Starter
Starter kit with zero-config for building a library in TypeScript, featuring RollupJS, Jest, Prettier, TSLint, Semantic Release, and more!
Stars: ✭ 3,943 (+2564.19%)
Mutual labels: webpack, travis
Yoshino
A themable React component library！Flexible Lightweight PC UI Components built on React! Anyone can generate easily all kinds of themes by it!
Stars: ✭ 216 (+45.95%)
Mutual labels: webpack, material-design
Vue Crud
Vue.js based REST-ful CRUD system
Stars: ✭ 629 (+325%)
Mutual labels: webpack, material-design
Vue Auth Boilerplate
🔑 Vue.js scalable boilerplate with user authentication.
Stars: ✭ 31 (-79.05%)
Mutual labels: webpack, material-design
Php Sf Flex Webpack Encore Vuejs
A simple app skeleton to try to make every components work together : symfony 4 (latest stable at the date, but work with sf 3.3+ if you just change the versions in composer.json), symfony/flex, webpack-encore, vuejs 2.5.x, boostrap 4 sass
Stars: ✭ 118 (-20.27%)
Mutual labels: webpack, e2e-tests
Material Theme
Material Theme, the most epic theme for Sublime Text 3 by Mattia Astorino
Stars: ✭ 11,093 (+7395.27%)
Mutual labels: material-design
Sage
WordPress starter theme with a modern development workflow
Stars: ✭ 11,531 (+7691.22%)
Mutual labels: webpack
Obsolete Webpack Plugin
🌈 A Webpack plugin generates a browser-side standalone script that detects browser compatibility based on `Browserslist` and prompts website users to upgrade it.
Stars: ✭ 148 (+0%)
Mutual labels: webpack
Laravue
Admin dashboard for enterprise Laravel applications built by VueJS and Element UI https://laravue.dev
Stars: ✭ 1,964 (+1227.03%)
Mutual labels: webpack
React Redux Styled Hot Universal
react boilerplate used best practices and focus on performance
Stars: ✭ 147 (-0.68%)
Mutual labels: webpack
Co
Art of C++. Flag, logging, unit-test, json, go-style coroutine and more.
Stars: ✭ 2,264 (+1429.73%)
Mutual labels: unit-test
Translatr
💬 Translate to multiple languages at once
Stars: ✭ 145 (-2.03%)
Mutual labels: material-design
angular1-webpack-starter
A starter project using Angular 1.x with Webpack. A Webpack + ES6 re-implementation of the generator-aio-angular project.
Still wanna use Gulp + ES5? Check the generator-aio-angular project.
Pure front-end implementation, all API interaction are mocked using angular-mocks.
Preview
Check out the demo site.
The dome site is a pure front-end implementation, so you can use any email/password to login, see mock file for detail. It is hosted on Github pages, no back-end support, so we use
#style URL.
Features
- ES6
- Component based structure proposed in https://github.com/fouber/blog/issues/10
- Lazy load resources(js/css/images/templates...) for each page
- Material Design using MaterializeCSS
- Flex Layout
- Responsive Design
- Support multiple devices with different screen size.
- Easy responsive implementation, very convenient to support small screen devices. (see responsive.styl)
- Animation
- Using animate.css.
- All the animation defined by
animate.csscan be used directly as keyframe animation. (see animation.styl)
- More understandable router design
- Easy implementation for Sidebar Navigation and Breadcrumb
Get Started
git clone https://github.com/PinkyJie/angular1-webpack-starter.git
cd angular1-webpack-starter
npm install
npm start
Then open your browser with URL http://localhost:8080/webpack-dev-server/.
Tests
- Unit Test:
npm test - Unit Test with auto watch:
npm run test:watch - E2E Test:
npm run e2e- run
npm run webdriver-updatefirst - make sure a local mock server is running
- run
Check the Unit test coverage report.
Check the E2E test report:
Building
npm run build
The optimized files will be generated in build folder.
CI
Proudly use Travis to do Continuous Integration.
Every push will trigger a build on Travis, it will automatically:
- run unit test.
- run build script, deploy website and test coverage report to Github pages.
- run E2E test on different browsers using Sauce Labs.
Check .travis.yml and publish-to-gh-pages.sh for detail implementation.
Check Travis build log for build results.
Blog series
http://pinkyjie.com/tags/angular1-webpack-starter/
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].