Question

我是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');

当我运行我的应用程序时，我收到一个错误：

未捕获的ReferenceError：$未定义

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

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

你知道怎么做吗？

Answer 1

试试这个

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

而不是

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

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

1 个答案: