Webpack Reactjs SASS

0
8.X
Demo to see how the theme looks in a sample Drupal site Apply theme

This is a Barrio subtheme that simplifies integrating Bootstrap 4 SASS and Reactjs with Drupal.

Following are the steps :

1) Make sure you are in folder webpackrs/webpackcontainer/app
2) Run the command npm install --only=prod
3) Run the command npm install --only=dev
4) Configure the js and css files in webpackrs/webpackcontainer/app/webpack.config.js under the section entry .
5) SCSS and js files can be created in the folder webpackrs/webpackcontainer/app/_devapp
6) Run the command npm run-script watch to see the generated files under the folder webpackrs/js and webpackrs/css
7) For production to get minified CSS and javascript run the command npm run-script build

The command webpack --watch can also be used to watch the files. The mode (development,production) can be configured in webpackrs/webpackcontainer/app/webpack.config.js

 

Want to customize this theme in a unique way for your website, we are here to help you!

We also build custom Drupal themes

 

Get a custom theme