webpack中引用jquery的简单实现

下面小编就为大家带来一篇webpack中引用jquery的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

1.首先需要添加项目中jquery的依赖

npm install jquery --save-dev

2.参考配置代码:

var webpack = require("webpack"); var path = require("path"); module.exports = { entry:{ home:"./src/js/home.js", …… }, output:{ path:__dirname+"/dist/js", filename:"[name].min.js" }, module:{ loaders:[ {test:/\.css$/,loader:"style-loader!css-loader"}, …… ] }, plugins:[ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "window.jQuery":"jquery" }) ] }

在项目中安装jquery依赖,一定不能少。

以上这篇webpack中引用jquery的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzssxg.html