Packages

phx_new

1.5.2
1.8.9 1.8.8 1.8.7 1.8.6 1.8.5 1.8.4 1.8.3 1.8.2 1.8.1 1.8.0 1.8.0-rc.4 1.8.0-rc.3 1.8.0-rc.2 1.8.0-rc.1 1.8.0-rc.0 1.7.24 1.7.23 1.7.22 1.7.21 1.7.20 1.7.19 1.7.18 1.7.17 1.7.16 1.7.15 1.7.14 1.7.13 1.7.12 1.7.11 1.7.10 1.7.9 1.7.8 1.7.7 1.7.6 1.7.5 1.7.4 1.7.3 1.7.2 1.7.1 1.7.0 1.7.0-rc.3 1.7.0-rc.2 1.7.0-rc.1 1.7.0-rc.0 1.6.17 1.6.16 1.6.15 1.6.14 1.6.13 1.6.12 1.6.11 1.6.10 1.6.9 1.6.8 1.6.7 1.6.6 1.6.5 1.6.4 1.6.3 1.6.2 1.6.1 1.6.0 1.6.0-rc.1 1.6.0-rc.0 1.5.15 1.5.14 1.5.13 1.5.12 1.5.11 1.5.10 1.5.9 1.5.8 1.5.7 1.5.6 1.5.5 1.5.4 1.5.3 1.5.2 1.5.1 1.5.0 1.5.0-rc.0 1.4.18 1.4.17 1.4.16 1.4.15 1.4.14 1.4.13 1.4.12 1.4.11 1.4.10 1.4.9 1.4.8 1.4.7 1.4.6 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.4.0-rc.3 1.4.0-rc.2 1.4.0-rc.1 1.4.0-rc.0 1.4.0-dev.0 1.3.5

Phoenix framework project generator. Provides a `mix phx.new` task to bootstrap a new Elixir application with Phoenix dependencies.

HexDocs

Current section

Files

Jump to
Readme
106 Versions
0 Dependencies
5 Dependants
Files
Activity
phx_new templates phx_assets app.js
Raw

templates/phx_assets/app.js 

// We need to import the CSS so that webpack will load it.

// The MiniCssExtractPlugin is used to separate it out into

// its own CSS file.

import "../css/app.scss"



// webpack automatically bundles all modules in your

// entry points. Those entry points can be configured

// in "webpack.config.js".

//

// Import deps with the dep name or local files with a relative path, for example:

//

//     import {Socket} from "phoenix"

//     import socket from "./socket"

//

<%= if html do %>import "phoenix_html"<% end %><%= if live do %>

import {Socket} from "phoenix"

import NProgress from "nprogress"

import {LiveSocket} from "phoenix_live_view"



let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content")

let liveSocket = new LiveSocket("/live", Socket, {params: {_csrf_token: csrfToken}})



// Show progress bar on live navigation and form submits

window.addEventListener("phx:page-loading-start", info => NProgress.start())

window.addEventListener("phx:page-loading-stop", info => NProgress.done())



// connect if there are any LiveViews on the page

liveSocket.connect()



// expose liveSocket on window for web console debug logs and latency simulation:

// >> liveSocket.enableDebug()

// >> liveSocket.enableLatencySim(1000)

window.liveSocket = liveSocket

<% end %>