相关疑难解决方法(0)

我在我的应用程序中使用Webpack,在其中我创建了两个入口点 - 所有JavaScript文件/代码的bundle.js,以及jQuery和React等所有库的vendors.js.我怎么做才能使用jQuery作为依赖项的插件,我想在vendors.js中也有它们？如果这些插件有多个依赖项怎么办？

目前我正在尝试使用这个jQuery插件 - https://github.com/mbklein/jquery-elastic.Webpack文档提到了applyPlugin和imports-loader.我使用了providePlugin,但仍然没有jQuery对象.以下是我的webpack.config.js的样子 -

var webpack = require('webpack');
var bower_dir = __dirname + '/bower_components';
var node_dir = __dirname + '/node_modules';
var lib_dir = __dirname + '/public/js/libs';

var config = {
    addVendor: function (name, path) {
        this.resolve.alias[name] = path;
        this.module.noParse.push(new RegExp(path));
    },
    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jquery: "jQuery",
            "window.jQuery": "jquery"
        }),
        new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js', Infinity)
    ],
    entry: {
        app: ['./public/js/main.js'],
        vendors: ['react','jquery']
    },
    resolve: {
        alias: {
            'jquery': node_dir + '/jquery/dist/jquery.js',
            'jquery.elastic': lib_dir …

我正在尝试使用Webpack 4使内联JavaScript可以访问jQuery插件。

我正在使用PluginProvider使jQuery可用于我的网站：

  plugins: [
    new webpack.ProvidePlugin({
      "$": "jquery",
      "jQuery": "jquery"
    }),
  ],

这工作正常，我可以从包含我的捆绑包的任何页面访问jQuery。

我试图通过创建一个包含以下内容的捆绑包来添加bootstrap-datepickervendor.js：

import 'bootstrap-datepicker';

我可以$('input').datepicker()从vendor.js捆绑包中调用，但是如果尝试使用内联调用它，则会<script>得到：

Uncaught TypeError: $(...).datepicker is not a function

如何配置Webpack 4以使其bootstrap-datepicker可用于全局范围？

更新

我已经在此处上传了演示此问题的源代码：https : //github.com/LondonAppDev/webpack-global-jquery-issue

看来问题在于第二个包导入正在重新添加没有datpicker附加组件的jQuery。有没有解决的办法？