Example of configuring webpack with bootstrap-sass using bootstrap-sass-loader.
Run gulp build && open dist/index.html
and then see the resulting test file.
Key files to configure:
-
bootstrap-sass.config.js References: _pre-bootstrap-customizations.scss and _bootstrap-customizations.scss and _main.scss
This example is based on this example for bootstrap, less version: bootstrap-webpack-example.
See gulpfile.js
for more information on gulp tasks to run, such as gulp test
, gulp webpack
, and gulp build
.
- See this article Debugging NodeJs and Webpack Loaders
- Clone both this project and https://github.com/justin808/bootstrap-sass-loader
- Use the npm link command per step #1 (see article)
- Make some changes in the loader, put in some print statements maybe, then run
gulp webpack
to invoke the loader. - Then run
gulp build && open dist/index.html
and the resulting file dist/index.html in the browser.
Substitute this line in your package.json
:
"bootstrap-sass-loader": "justin808/bootstrap-sass-loader#fix-order-defaults-sass-import",
Pull requests are welcome!
For more info see: https://www.railsonmaui.com and https://forum.railsonmaui.com.