Webpacker或Webpackenvironment.js与application.js

问题描述

关于webpack / er environment.js和application.js的入门问题 为了导入jQuery库（如jQuery，Popper等），我在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，我必须将其导入（尽管有些不同）

import quill from 'quill';

导入库与将库添加为插件有什么区别？我已经做了很多谷歌搜索，但是找不到解释这些概念的资源。有人可以解释一下还是给我指出一个解决方法。

解决方法

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

您正在使用的导入是标准模块导入，这是将其引入文件IMO中的一种适当方法。