Есть ли какой-либо унифицированный способ установки сторонних библиотек JS в Rails 6?

Question

Я установил Rails 6 RC1 и хотел создать новый проект с ним, однако из-за функции веб-пакета по умолчанию это превращается в настоящий кошмар, мне трудно установить сторонние библиотеки JS, если вы хотите добавить jQuery и загрузчик для Например, вы должны сделать некоторые странные настройки в вашем environment.js как это

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

и если вы хотите добавить jQuery-ui, вы должны искать и, надеюсь, вы можете найти ссылку, которая покажет вам, как это

// 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, в котором вам нужно добавить:

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 библиотек, я потратил много времени на поиск того, как добавлять вещи или как сделать код, который вы уже нашли / добавили, работающим...

Конвейер активов был намного проще и быстрее, зачем усложнять нашу жизнь с помощью веб-пакета только потому, что это новое в мире JS??

Есть ли способ просто установить библиотеки JS легко? Я предпочитаю добавлять их вручную, чем использовать этот пакет!

Answer 1

Чтобы ответить на мой вопрос... не существует такой вещи, как "унифицированный способ", вы наверняка можете создать какую-то папку в своей папке javascript и загрузить стороннюю библиотеку, которую вы хотите, а затем импортировать ее в свой application.js и это будет работать нормально, но если вы это делаете, то зачем вообще использовать менеджер пакетов (Yarn) или webpacker?

Я написал статью, в которой объясняется несколько советов по использованию веб-пакетов на рельсах, и я объяснил, как вы можете установить и использовать QuillJS, например... вот ссылка:

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

Я постараюсь найти время и вернуться к этому ответу, чтобы обновить его дополнительным кодом и примерами, но пока статья выше может спасти вам день:)