如何在webpack中使用jquery

时间:2015-08-09 20:32:17

标签: javascript jquery node.js webpack

如果需要从npm安装jquery文件,我是否需要从jpm安装文件?

目录

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'
  }
};

2 个答案:

答案 0 :(得分:4)

你试过了吗?

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

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

答案 1 :(得分:1)

我在使用npm

安装jQuery方面取得了成功

npm install jquery --save

然后

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