Webpack：如何捆绑 js 文件 + JQuery ？答案

【问题标题】：Webpack: How to bundle js files + JQuery ?Webpack：如何捆绑 js 文件 + JQuery ？
【发布时间】：2017-08-30 12:50:42
【问题描述】：

我是 webpack 的新手，我正在尝试打包我编写的两个 javascript 文件和 jquery 的源代码。

为此，我编写了 webpack.config.js：

var webpack = require('webpack');

module.exports = {
    entry: __dirname + '\\js\\root.js',
    output: {
        path: __dirname + '\\bin',
        filename: 'app.bundle.min.js'
    },
    module: {
        loaders: [{
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
            query: {
                presets: ['es2015']
            }
        }]
    },
    plugins: [
        new webpack.optimize.UglifyJsPlugin({
            include: /\.js$/,
            minimize: true
        })
    ]
};

和root.js：

require('./jquery-3.2.1.js');
require('./first.js');
require('./second.js');

当我运行我的应用程序时出现错误：

未捕获的引用错误：$ 未定义

$ 用于我的一个 js 文件中。

我知道 jquery 可以作为插件加载到 webpack 中，但我想像加载任何普通的 js 文件一样加载它。

你知道怎么做吗？

【问题讨论】：

标签： jquery webpack

【解决方案1】：

试试这个

var $ = require('./jquery-3.2.1.js');

代替

require('./jquery-3.2.1.js');

【讨论】：