在webpack中,Jquery $显示未定义的原因是因为webpack默认使用严格模式,而Jquery的$符号是全局变量,不符合严格模式的要求。为了解决这个问题,可以通过以下几种方式:
const webpack = require('webpack');
module.exports = {
// ...
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
})
]
};
import 'expose-loader?$!jquery';
import $ from 'jquery';
以上是解决在webpack中Jquery $显示未定义的几种常见方法,根据具体情况选择适合的方式即可。
关于webpack和jquery的更多信息,您可以参考腾讯云的相关产品和文档:
云+社区技术沙龙[第7期]
云+社区技术沙龙[第28期]
高校公开课
腾讯技术创作特训营第二季
云原生正发声
“中小企业”在线学堂
企业创新在线学堂
企业创新在线学堂
云+社区技术沙龙[第19期]
云+社区技术沙龙[第14期]
T-Day
领取专属 10元无门槛券
手把手带您无忧上云