brent
Serve live view assets from a custom path
I am currently serving live view assets from the below paths:
/css/app.css
/js/app.js
I would like to update the paths to the below; for easier routing
/liveview/css/app.css
/liveview/js/app.js
Is this only a matter of the correct webpack configuration? I tried updating the below settings:
JS:
entry: {
'app': glob.sync('./vendor/**/*.js').concat(['./js/app.ts'])
},
...
publicPath: '/js/'
CSS:
new MiniCssExtractPlugin({ filename: '../css/app.css' }),
Thanks
First Post!
kokolegorille
It will also affect part relative to the publicPath… like the copy-webpack-plugin, or where You save your fonts (if You use fonts). but without webpack.config.js, it’s hard to tell.
If You have not customized your config, I would try.
path: path.resolve(__dirname, "../priv/static/liveview/js"),
publicPath: "/liveview/js/"
...
new CopyWebpackPlugin({
patterns: [{ from: "static/", to: "../../" }]
}),
no need to change MiniCssExtractPlugin.
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Courses that'll move you from confusion to "Aha, now I get it!"
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #advent-of-code
- #elixirconf-us
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #performance
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Real-time error tracking, performance insights, and observability for devs.
Practical resources that improve the lives of professional developers.
Develop your skills with books, videos, and courses.
Enabling companies to succeed by building software people love.
Courses that'll move you from confusion to "Aha, now I get it!"