Rails 6、Webpack、Bootstrap 5 - Bootstrap 無法在生產環境中編譯

Question

如何使用 webpack 在生產環境中編譯 Bootstrap 5

在javascript文件夾中：

     javascript/packs/application.scss

     @import "~bootstrap/scss/bootstrap";

但是在生產環境中，webpack 不會使用rake 資產預編譯它：預編譯

像active_admin這樣的所有東西：

      @import "~@activeadmin/activeadmin/src/scss/mixins";
      @import "~@activeadmin/activeadmin/src/scss/base";

工作正常。

生產.js

process.env.NODE_ENV = process.env.NODE_ENV || 'production'

const environment = require('./environment')

module.exports = environment.toWebpackConfig()

環境.js

 const { environment } = require('@rails/webpacker')
 const jquery = require('./plugins/jquery')

 const webpack = require('webpack')
 environment.plugins.prepend('Provide',
 new webpack.ProvidePlugin({
 $: 'jquery/src/jquery',
 jQuery: 'jquery/src/jquery'
 Popper: ['popper.js', 'default']
 })
)


environment.plugins.prepend('jquery', jquery)
module.exports = environment

奇怪的是，當我將 bin/webpack 中的 env 更改為 development 時，webpack 停止編譯 active_admin 但啟動 bootstrap :)

Answer 1

我通常使用本指南，它適用於生產和開發https://dev.to/shahershamroukh/add-bootstrap-and-fontawesome-to-your-ruby-on-rails-6-application-3fm7