码迷,mamicode.com
首页 > Web开发 > 详细

Rails 用Webpack安装Bootstrap。

时间:2019-05-14 13:10:00      阅读:445      评论:0      收藏:0      [点我收藏+]

标签:export   data   gora   tps   使用   data-   https   config   popover   

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了。

 

Rails 用Webpack安装Bootstrap。

标签:export   data   gora   tps   使用   data-   https   config   popover   

原文地址:https://www.cnblogs.com/chentianwei/p/10861483.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!