Phoenix + Webpack = <3
Most frontend libraries/frameworks use webpack so having webpack in phoenix will enable the use of those libraries/frameworks.
- use webpack
- add babel for ES6+ syntax
- integrate webpack with
mix phx.server
- add scss or postcss
- try to add vue or react
To start your Phoenix server:
- Install dependencies with
mix deps.get
- Create and migrate your database with
mix ecto.create && mix ecto.migrate
- Install Node.js dependencies with
cd assets && npm install
- Start Phoenix endpoint with
mix phx.server
Now you can visit localhost:4000
from your browser.
Ready to run in production? Please check our deployment guides.
- Official website: http://www.phoenixframework.org/
- Guides: http://phoenixframework.org/docs/overview
- Docs: https://hexdocs.pm/phoenix
- Mailing list: http://groups.google.com/group/phoenix-talk
- Source: https://github.com/phoenixframework/phoenix