There is blog post concerning bootstrap + brunch here
Hi folks,
Just a short instruction. Maybe it will help somebody.
Install boostrap with deps and Sass:
cd assets
npm install jquery --save-dev
npm install tether --save-dev
npm install bootstrap@4.0.0-beta.2 --save-dev
npm install popper.js --save-dev
npm install sass-brunch --save-dev
Delete old boostrap:
rm css/phoenix.css
Switch css to scss:
mv css/app.css css/app.css.scss
Edit css/app.css.scss:
@import "bootstrap";
Edit js/app.js:
import "bootstrap";
Edit brunch-config:
sty…
I made a blogpost about webpack 4 here
# Adding webpack 4.0.x
March 2018.
As I choosed not to install brunch, I will add webpack 4 as a replacement. I am using yarn, but this can be done with npm as well. This is not a guide on using Webpack 4, just a simple way to add Webpack to a Phoenix umbrella application.
References:
* [Notes on attempt to upgrade to webpack 4](https://gist.github.com/gricard/e8057f7de1029f9036a990af95c62ba8)
* [Code splitted css bundle examples](https://github.com/webpack/webpack/blob/master/examples/code-splitted-css-bundle/README.md)
Additional packages, needed for configuration.
* [webpack-cli](https://github.com/webpack/webpack/releases/tag/v4.0.0-beta.0)
* [extract-text-webpack-plugin@next](https://github.com/webpack-contrib/extract-text-webpack-plugin/tree/next)
The following steps are defined from the root of the project.
## 1. Initialize assets and package.json
show original
I think theme is more related to the css You choose.
If You put file into priv/static, You will bypass build process. If your brunch config is ok, You should find generated files under priv/static. If bundle is ok, You should also reference them in application layout.
If You show your config, You might have more precise answer.
2 Likes
