Webpacker（或 Webpack）environment.js 与 application.js答案

【问题标题】：Webpacker (or Webpack) environment.js vs application.jsWebpacker（或 Webpack）environment.js 与 application.js
【发布时间】：2020-10-06 06:39:38
【问题描述】：

关于 webpack/er environment.js 和 application.js 的初学者问题用于导入 jQuery、Popper 等 JS 库。我在 environment.js 中使用 webpack 提供插件

// environment.js
const webpack = require("webpack");
    environment.plugins.append("Provide", new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
      Popper: ['popper.js', 'default']
    }));

这使得 jQuery 和 Popper 可用于 Bootstrap 和我编写的任何 JS 代码。但是如果我使用 select2 它到插件列表中不起作用。我必须在我的 application.js 中导入它

//application.js
import select2;

如果我想使用 Quilljs，我必须在我的 application.js 中导入它（虽然有点不同）

import Quill from 'quill';

导入库与将库添加为插件有什么区别。我做了很多谷歌搜索，但找不到解释这些概念的资源。有人可以解释一下或给我指点资源吗？

【问题讨论】：

标签： ruby-on-rails webpack webpacker

【解决方案1】：

Webpack plugins 是具有 apply 方法的 JavaScript 对象，webpack 编译器可以调用该方法。所以select2 和Quill 可能没有该方法可用，因此无法呈现为插件。

您正在使用的导入是标准模块导入，这是将它们拉入以在您的文件中使用的适当方式，IMO。

【讨论】：