如何使用 webpack 要求 jquery
how to require jquery with webpack
如果我必须从 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'
}
};
我已经成功安装了 jQuery 和 npm
npm install jquery --save
然后
var $ = require('jquery'),
jQuery = $,
...
你试过了吗:
module.exports = {
...
resolve: {
alias: {
jquery: "jquery/src/jquery"
}
}
};
这里有一个相关的答案,其中显示了导入 jQuery 的所有选项:
如果我必须从 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'
}
};
我已经成功安装了 jQuery 和 npm
npm install jquery --save
然后
var $ = require('jquery'),
jQuery = $,
...
你试过了吗:
module.exports = {
...
resolve: {
alias: {
jquery: "jquery/src/jquery"
}
}
};
这里有一个相关的答案,其中显示了导入 jQuery 的所有选项: