Question

我安装了Rails 6 RC1，并且想用它创建一个新项目，但是由于webpack的默认功能，它变成了一场噩梦，如果要添加jQuery，则很难安装第三方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用户界面没有显示！

正如您看到的只是用于安装2或3个库的大量代码，然后我花了很多时间只是在搜索如何添加内容或如何使已经找到/添加的代码正常工作...

资产管道变得更加容易和快捷，为什么仅仅因为这是JS世界中的新事物而使webpack复杂化了？

有什么方法可以轻松地安装JS库吗？与使用此Webpack相比，我更喜欢手动添加它们！

Answer 1

要回答我的问题...没有诸如“统一方式”之类的东西，您可以肯定地在javascript文件夹中创建某种文件夹，然后下载所需的第三方库，然后将其导入应用程序中。 js，这样就可以正常工作，但是，如果您要这样做，那为什么还要使用包管理器（Yarn）或webpacker？

我写了an article，解释了有关webpack on rails的一些技巧，并解释了如何安装和使用QuillJS，例如...这里是链接：

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

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

是否有任何统一的方法在Rails 6中安装JS第三方库

1 个答案: