vuecli3全局引入jquery

vuecli3全局引入jquery,第1张

之前使用jquery都是每个组件引入

这种方式需要在每个要使用jquery的组件里面引入一下,比较麻烦,分享一下全局引入的方法

vuecli3中修改webpack配置

eslint配置

1:npm install jquery

2:在build文件夹下的webpackbaseconfjs进行配置

    (1)const webpack = require("webpack")

    (2)在moduleexports里面加入

            plugins: [

                new webpackoptimizeCommonsChunkPlugin('commonjs'),

                 new webpackProvidePlugin({

                jQuery:"jquery",

                $:"jquery"

              })

            ],

如图

3:在需要用到jquery的页面引入

    import $ from 'jquery';

原文:>

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12969414.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-29
下一篇 2023-05-29

发表评论

登录后才能评论

评论列表(0条)

保存