Rails 用Webpack安装Bootstrap。

发布时间：2020-12-17 20:36:30 所属栏目：安全来源：网络整理

导读：Rails6将默认使用webpack代替asset：本文讲述如何自己配置。参考： https://getbootstrap.com/docs/4.1/getting-started/webpack/ https://gorails.com/episodes/how-to-use-bootstrap-with-webpack-and-rails?autoplay=1 ? 步骤：安装： // 后两个是依赖

Rails6将默认使用webpack代替asset：

本文讲述如何自己配置。

参考：

https://getbootstrap.com/docs/4.1/getting-started/webpack/

https://gorails.com/episodes/how-to-use-bootstrap-with-webpack-and-rails?autoplay=1

步骤：

安装：

//后两个是依赖
yarn add bootstrap jquery popper.js

配置：

#config/webpack/environment.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

#app/javascript/packs/application.js添加
import ‘bootstrap‘
import ‘../stylesheets/application‘

document.addEventListener(‘turbolinks:load‘,()=>{
  $(‘[data-toggle="tooltip"]‘).tooltip()
  $(‘[data-toggle="popover"]‘).popover()
})

#新建app/javascript/stylesheets/application.scss。
@import "~bootstrap/scss/bootstrap";

完成配置！可以使用Bootrap4了。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!