Riot.js + webpack + ES6(Babel, buble)での開発環境構築例 ※追記webpack2webpackriotriot.jsbabelBuble Riot.js Advent Calendar 2016の23日目です! Riot.js(以下riot)は非常にシンプルかつ軽量で敷居も低く、とても書きやすいコンポーネント指向のUIライブラリです。(ここまでテンプレート) 今更ですが、ちゃんとES6で書こうと思いまして、riot+webpack+ES6の開発環境を作りました。 準備 ディレクトリ構成 今回のサンプルのディレクトリ構成は以下です。 ./ ├ .gitignore ├ node_modules ├ package.json ├ webpack.config.js ├ index.html ├ app │ └ app.js │ ├ tag │ └ app.t
![Riot.js + webpack + ES6(Babel, buble)での開発環境構築例 ※追記webpack2 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/07becd48301b92f0d46761ae4be1b7dd375aed16/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9UmlvdC5qcyUyMCUyQiUyMHdlYnBhY2slMjAlMkIlMjBFUzYlMjhCYWJlbCUyQyUyMGJ1YmxlJTI5JUUzJTgxJUE3JUUzJTgxJUFFJUU5JTk2JThCJUU3JTk5JUJBJUU3JTkyJUIwJUU1JUEyJTgzJUU2JUE3JThCJUU3JUFGJTg5JUU0JUJFJThCJTIwJUUyJTgwJUJCJUU4JUJGJUJEJUU4JUE4JTk4d2VicGFjazImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTEyMjE4ZGEyYThmYTMxYTdmZDViZGVjMGI1ZDg0ODZh%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBjbG93bjAwODImdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTE1YTYwZDVlNDI3YzczZTViMTBhM2QwNjFhOWU1MWVm%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3D4d4f585c754bb4a42d5b4890f3aeedfb)