Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ```bash
- $ echo 'gem "webpacker"' >> Gemfile
- $ bundle install
- $ rails webpacker:install
- $ yarn add bootstrap@4.0.0-beta jquery popper.js
- ```
- ```diff
- diff --git a/config/webpack/environment.js b/config/webpack/environment.js
- index d16d9af..86bf1a7 100644
- --- a/config/webpack/environment.js
- +++ b/config/webpack/environment.js
- @@ -1,3 +1,10 @@
- const { environment } = require('@rails/webpacker')
- +const webpack = require('webpack')
- +environment.plugins.set('Provide', new webpack.ProvidePlugin({
- + $: 'jquery',
- + jQuery: 'jquery',
- + Popper: ['popper.js', 'default']
- +}))
- +
- module.exports = environment
- ```
- ```scss
- // app/javascript/packs/bootstrap.scss
- @import '~bootstrap/dist/css/bootstrap';
- ```
- ```js
- // app/javascript/packs/applicatoin.js
- import 'bootstrap/dist/js/bootstrap';
- ```
- ```erb
- --- a/app/views/layouts/application.html.erb
- +++ b/app/views/layouts/application.html.erb
- @@ -6,6 +6,8 @@
- <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
- <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
- + <%= javascript_pack_tag 'application' %>
- + <%= stylesheet_pack_tag 'bootstrap' %>
- </head>
- <body>
- ```
Add Comment
Please, Sign In to add comment