javascript - 在 Rails 6 中安装 JS 第三方库(如 QuillJS)有统一的方法吗？

Question

我安装了 Rails 6 RC1，我想用它创建一个新项目，但是由于 webpack 默认功能，它变成了一场噩梦，如果你想添加 jQuery 和 Bootstrap ，我将面临安装第三方 JS 库的困难例如，您应该在 environment.js 中进行一些奇怪的设置像这样

environment.plugins.prepend('Provide', new webpack.ProvidePlugin({
        $: 'jquery',
        JQuery: 'jquery',
        jquery: 'jquery',
        Popper: ['popper.js', 'default'], // for Bootstrap 4
    })
)

如果你想添加 jQuery-ui 你必须搜索，希望你能找到一些链接，告诉你喜欢this one

// jquery
import $ from 'jquery';

global.$ = $
global.jQuery = $


require('jquery-ui');

// jquery-ui theme
require.context('file-loader?name=[path][name].[ext]&context=node_modules/jquery-ui-dist!jquery-ui-dist', true,    /jquery-ui\.css/ );
require.context('file-loader?name=[path][name].[ext]&context=node_modules/jquery-ui-dist!jquery-ui-dist', true,    /jquery-ui\.theme\.css/ );

现在如果你想添加 QuillJS 怎么办？您可能会像我一样进行研究并最终进入 QuillJS doc它告诉你添加:

import Quill from 'quill/core';

import Toolbar from 'quill/modules/toolbar';
import Snow from 'quill/themes/snow';

import Bold from 'quill/formats/bold';
import Italic from 'quill/formats/italic';
import Header from 'quill/formats/header';


Quill.register({
  'modules/toolbar': Toolbar,
  'themes/snow': Snow,
  'formats/bold': Bold,
  'formats/italic': Italic,
  'formats/header': Header
});


export default Quill;

只是为了发现 QuillJs UI 没有出现!!
正如您看到很多代码只是为了安装 2 或 3 个库，然后我花了很多时间来搜索如何添加东西，或者如何使您已经找到/添加的代码工作......
Assets 管道变得更加容易和快速，为什么仅仅因为 webpack 是 JS 世界中的新事物就让我们的生活变得复杂？
有什么方法可以轻松安装 JS 库吗？我更喜欢手动添加它们而不是使用这个 webpack 东西!

Answer 1

要回答我的问题...没有诸如“统一方式”之类的东西，您当然可以在您的 javascript 文件夹中创建某种文件夹并下载您想要的第三方库，然后将其导入您的 application.js 中可以正常工作，但是如果您这样做，那么为什么要使用包管理器(Yarn)或 webpacker 呢？

我写了an article这解释了一些关于 webpack on rails 的提示，我解释了如何安装和使用 QuillJS，例如……这里是链接:

https://medium.com/@technoblogueur/rails-6-and-webpacker-what-you-need-to-know-e3534fded7ff

我将尝试找一些时间并返回此答案以使用更多代码和示例对其进行更新，但与此同时，上面的文章可以节省您的时间:)