如何使用 webpack 要求 jquery答案

【问题标题】：how to require jquery with webpack如何使用 webpack 要求 jquery
【发布时间】：2015-11-01 17:15:25
【问题描述】：

如果我必须从 npm 安装，如何使用 webpack 要求 jquery 文件，或者我可以只要求从 jquery 网站下载文件？

app/
./assets/javascripts/article/create/base.js
./assets/javascripts/lib/jquery-1.11.1.min.js
webpack.config.js

base.js 错误

require('../../../lib/jquery-1.11.1.min.js'); 
var Content = function() {
};
module.exports = Content;

webpack.config.js

module.exports = {
  entry: {
    'ArticleCreate':['./assets/javascripts/Article/Create/Base.js']
  },
  output: {
    path: './assets/javascripts/bundle/',
    filename: '[name].js'
  }
};

【问题讨论】：

标签： javascript jquery node.js webpack

【解决方案1】：

你试过了吗：

module.exports = {
    ...
    resolve: {
        alias: {
            jquery: "jquery/src/jquery"
        }
    }
};

有一个相关的答案在这里显示了导入 jQuery 的所有选项：Managing jQuery plugin dependency in webpack

【讨论】：

是的，我试过这个resolve: { alias: { jquery: "./assets/javascripts/lib/jquery-1.11.1.min.js" } }, 并使用var $ = require('jquery');，但如果显示错误
我也试过resolve: { root: path.resolve('./assets/javascripts/lib'), extensions: ['', '.js'] }, 和var $ = require('jquery-1.11.1.min.js'); 可以，但我就是不明白为什么我不能使用解析别名？
我找到了原因，github.com/webpack/webpack/issues/109 似乎必须使用绝对路径。

【解决方案2】：

我已经成功使用 npm 安装 jQuery

npm install jquery --save

然后

var $ = require('jquery'), jQuery = $, ...

【讨论】：