Rails 6、Webpack、Bootstrap 5 - Bootstrap 无法在生产环境中编译

Question

如何使用 webpack 在生产环境中编译 Bootstrap 5

在 javascript 文件夹中：

     javascript/packs/application.scss

     @import "~bootstrap/scss/bootstrap";

但在生产环境中，webpack 不会使用 rake assets:precompile

对其进行预编译

像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