vue init webpack-simple 模板中全局引入Jquery正确使用方法 可保jQuery插件正常使用
2018-08-14 09:48
1591 查看
一、安装相关依赖
npm install expose-loader --save-dev npm install jquery -S
二、在webpack.config.js里配置如下:
module: { rules: [ { // Exposes jQuery for use outside Webpack build test: require.resolve('jquery'), use: [{ loader: 'expose-loader', options: 'jQuery' },{ loader: 'expose-loader', options: '$' }] }] }new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", jquery: "jquery", "window.jQuery": "jquery" })
相关文章推荐
- Vue中引入jquery方法 vue-cli webpack 引入jquery 今天费了一下午的劲,终于在vue-cli 生成的工程中引入了jquery,记录一下。(模板用的webpack)
- Vue+Webpack引入Jquery第三方插件,jQuery is not defined 错误,解决方案
- webpack如何全局引入jquery和插件?
- webpack构建VUE项目使用jquery及其插件 expose-loader
- Vue+Webpack引入Jquery第三方插件,jQuery is not defined 错误,解决方案
- vue-cli webpack 引入jquery的方法
- webpack里使用jquery.mCustomScrollbar插件的方法
- 如何在vue-cli webpack中全局引入jquery
- vue-cli webpack全局引入jquery
- webpack引入jquery以及插件的方法(如ztree)
- vue-cli webpack全局引入jquery
- 使用Vue-cli下载一个以webpack打包的vue模板
- vue-cli+webpack引入jQuery
- jQuery上传插件webupload使用方法
- webpack 引入 依赖jQuery的插件
- vue-cli webpack 引入jquery
- Jquery 模板数据绑定插件 使用方法
- webpack引入jquery以及bootstrap方法
- 使用jQuery插件时避免重复引入jquery.js文件(jQuery 重复加载错误以及修复方法)
- 如何在vue-cli+webpack构建的项目引入jquery和bootstrap