https://github.com/puku0x/angularjs-onsenui2-webpack2

AngularJS + Onsen UI 2 + Webpack2 + PhoneGap + ES2017 + SCSS/cssnext のサンプル
https://github.com/puku0x/angularjs-onsenui2-webpack2

angular angularjs cssnext es2017 hybrid-apps onsen-ui phonegap postcss scss webpack2 yarn

Last synced: 3 months ago
JSON representation

AngularJS + Onsen UI 2 + Webpack2 + PhoneGap + ES2017 + SCSS/cssnext のサンプル

• Host: GitHub
• URL: https://github.com/puku0x/angularjs-onsenui2-webpack2
• Owner: puku0x
• License: mit
• Archived: true
• Created: 2017-01-23T17:03:34.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-08T03:59:08.000Z (over 7 years ago)
• Last Synced: 2024-04-14T13:50:58.496Z (7 months ago)
• Topics: angular, angularjs, cssnext, es2017, hybrid-apps, onsen-ui, phonegap, postcss, scss, webpack2, yarn
• Language: JavaScript
• Homepage:
• Size: 25.2 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-onsenui - angularjs-onsenui2-webpack2 - Onsen UI + AngularJS + webpack 2 + PhoneGap + ES2017 + SCSS/cssnext. [Japanese] (Community Packages / AngularJS)

README

        
[![Build Status][travis-ci-image]][travis-ci-url]

[![Dependency status][david-dm-image]][david-dm-url]

[![Dev Dependency status][david-dm-dev-image]][david-dm-dev-url]

# AngularJS + Onsen UI 2 + Webpack2 + PhoneGap

[PhoneGap](http://phonegap.com/) を使ったハイブリッドアプリのひな形に [Webpack](https://webpack.github.io/) による SCSS/cssnext と ES2017 のトランスパイルを組み込んだもの。

ビルドツールは npm と Webpack のみ。

フロントエンドのフレームワークは [AngularJS](https://angularjs.org/) と [Onsen UI 2](https://onsen.io/) を採用しています。

## 必要なもの

- [Node.js](https://nodejs.org/)

## 使い方

リポジトリをクローン

```

$ git clone https://github.com/puku0x/angularjs-onsenui2-webpack2.git

```

依存パッケージをインストール

```

$ cd クローン先のディレクトリ

$ npm i

```

ビルド & プレビュー

```

$ npm start

```

これだけ！

ビルド後、ブラウザで `http://localhost:3000` を開くとプレビューされます。

`/src`内または、`/www`内のファイルに変更を加えると自動的にリロードされます。

[travis-ci-url]: http://travis-ci.org/puku0x/angularjs-onsenui2-webpack2

[travis-ci-image]: https://travis-ci.org/puku0x/angularjs-onsenui2-webpack2.svg?branch=master

[david-dm-url]:https://david-dm.org/puku0x/angularjs-onsenui2-webpack2

[david-dm-image]:https://david-dm.org/puku0x/angularjs-onsenui2-webpack2.svg

[david-dm-dev-url]:https://david-dm.org/puku0x/angularjs-onsenui2-webpack2?type=dev

[david-dm-dev-image]:https://david-dm.org/puku0x/angularjs-onsenui2-webpack2/dev-status.svg