如何将本地JavaScript文件添加到Webpack？

Question

我试图将项目转换为使用Webpack，我有一个script.js文件，其中运行了一些jQuery脚本，其中包含一些函数。

在index.js文件中，我导入script.js并构建webpack。

import $ from 'jquery'; // from CDN
import 'bootstrap';
import '../js/script.js';

如果我查看bundle.js，我可以看到script.js中的所有代码，除了我无法使用其中任何代码。在尝试调用任何函数时获取随机未定义的函数其中使用内联js。

任何想法？

webpack配置文件

const path    = require('path');
const webpack = require('webpack');

module.exports = {
    entry    : {
        app: './public/src/index.js'
    },
    output   : {
        filename: 'bundle.js',
        path    : path.resolve(__dirname, 'public/dist')
    },
    plugins  : [
        new webpack.ProvidePlugin({
            $              : 'jquery',
            jQuery         : 'jquery',
            'window.jQuery': 'jquery',
            Popper         : ['popper.js', 'default'],
        })
    ],
    externals: {
        jquery: 'jQuery'
    },
    module   : {
        loaders: [
            {
                test  : /datatables\.net.*/,
                loader: 'imports?define=>false'
            }
        ],
        rules  : [
            {
                test: /\.css$/,
                use : [
                    'style-loader',
                    'css-loader'
                ]
            }
        ]
    }
};