webpack - 在 Rails 6 中使用 Stimulus 和 webpacker 的 Select2

Question

我最近更新到 rails 6 并使用 webpacker 和刺激。它使许多功能更容易使用 turbolinks，但我无法弄清楚如何使一些 select2 gem 与刺激和 webpacker 一起工作，并且当我尝试将它导入我的 application.js 文件时不断出错。寻找正确方向的点以启动并运行 select2。

Answer 1

这很时髦，但这是我必须做的才能让 Select2 工作。不过，我无法让样式与我的正常选择相匹配。

# app/javascript/packs/application.js

window.Rails = Rails # this line might not be needed
window.$ = $


# config/webpack/environment.js

const { environment } = require('@rails/webpacker')
const webpack = require('webpack')


environment.plugins.append('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    Rails: '@rails/ujs',
  })
)

module.exports = environment