如何使用webpacker/Rails来要求select2？

Question

我一直通过CDN使用select2。我开始将CDN迁移到使用webpacker。我偶然发现了一个困难，在那里我不能导入/要求，也不能以任何方式包括它。下面是我的设计：

我通过以下步骤迁移了select2：

• 纱加select2

下面是我的environment.js文件(这是webpacker用来配置webpack的配置文件)：

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

environment.js

require("select2")

我尝试了各种各样的要求和许多其他，但这些似乎都不起作用。求你了，建议。谢谢。

Answer 1

以下是我要核实的内容：

1. 正确地在Rails项目中安装Webpacker，这是根据Rails项目自述的。如果您是从Rails 6应用程序开始的，默认情况下会这样做。
2. 添加了jquery和select2：

纱线添加jquery select2

• 向DOM添加一个选择框

阿拉巴马州。怀俄明州

• 导入jquery、select2和select2 css，并在页面加载时应用于复选框：

从'jquery‘导入'select2’导入‘select2 2/dist/css/select2.css’window.addEventListener('DOMContentLoaded'，() => {$(‘..select2’).select2() })

• For development，set compile: true in config/webpacker.yml。运行webpack-dev-server是可选的。

以下是我创建这个演示的步骤：https://github.com/rossta/rails6-webpacker-demo/compare/example/select2