安装了jquery模块,并且在webconfig写入插件,但是在入口文件引入不了
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: "main.js",
output: {
path:__dirname,
filename: "aa.js"
},
devServer:{
inline:true
},
module:{
loaders: [{
test:path.join(__dirname,'es6'),
loader:'babel-loader',
query: {
presets: ['es2015']
}
}]
},
plugins:[
new webpack.ProvidePlugin({
$:"jquery",
jQuery:"jquery",
"window.jQuery":"jquery"
})
]
}
入口文件:
import $ from 'jquery';
找不到jquery 模块是不是配置文件的原因?
找了许久才看到了一个答案,好像是jquery中的window.jQuery=window.$.....在打包后没有运行到。因为我是在入口文件引入jquery的,所以在入口文件中要这样写:
window.$=$
;其他入口文件如果也是要全局使用的话也需要这样写,比如knockout,比如下面:`import $ from 'jquery';import ko from "knockout";
import abc from './cc.js';
window.$ = $;
window.ko =ko;`