bootstrap rails 6

bootstrap rails 6

yarn add bootstrap jquery popper.js


javascripts/packs/application.js
	require('bootstrap')

assets/stylesheets/application.css
   *= require bootstrap
   *= require_tree .
 
 
 config/webpack/environments.js
   const { environment } = require('@rails/webpacker')
   const webpack = require('webpack')
   environment.plugins.append('Provide', new webpack.ProvidePlugin({
   $: 'jquery',
   jQuery: 'jquery',
   Popper: ['popper.js', 'default']
   }))
   module.exports = environment


./bin/webpack-dev-server


Run rails assets:clobber to delete all your compiled webpacks under the public/packs folder. This is useful when you simply want to reset and start a fresh webpack compilation.


to deploy
webpacker:compile