8

我安装了 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，你必须搜索，希望你能找到一些链接，告诉你这个链接有多喜欢

// 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 个库，然后我花了很多时间来搜索如何添加东西，或者如何使您已经找到/添加的代码工作......

资产管道变得更加容易和快速，为什么仅仅因为 webpack 是 JS 世界中的新事物就让我们的生活变得复杂？

有什么方法可以轻松安装 JS 库吗？我更喜欢手动添加它们而不是使用这个 webpack 东西！

4

1 回答 1

2

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

我写了一篇文章，解释了一些关于 webpack on rails 的提示，并解释了如何安装和使用 QuillJS，例如……这里是链接：

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

我会试着找点时间，然后回到这个答案，用更多的代码和例子来更新它，但与此同时，上面的文章可以节省你的时间:)

于 2019-11-13T14:17:23.410 回答