vue+webpack与jquery插件的那些浅坑

2019年8月25日 203次阅读 来源: kindleLee

jquery的引入

既然是jquery插件，那末一定是依靠JQuery啦，下载jquery

npm install --save jquery

接着，在我们的webpack.base.config文件跟对象下增加以下代码

plugins: [
            new webpack.ProvidePlugin({
                $: "jquery",
                jQuery: "jquery",
                "windows.jQuery": "jquery"
            })
        ]

jquery-ui的运用

jquery-ui这里是一个超等大坑，我在这里跌倒了，费好大劲爬起来。
我们把包下载下来

 npm install --save jquery-ui

我们先尝尝如许写，引入我们的jquery-ui

import 'jquery-ui'

然后我们从新运转项目
《vue+webpack与jquery插件的那些浅坑》

我有一个依托于jquery-ui的插件，由于没找到jquery-ui,它不高兴，给我们报了很多毛病，还要我下载jquery-ui，明显已下好了，那末是引入那里出了题目！把import删掉，在webpack.base.config中变动一下代码、

alias: {
            'jquery-ui': path.resolve('./node_modules/jquery-ui/ui'),
            'vue$': 'vue/dist/vue.esm.js',
            '@': resolve('src')
        }

从新运转下我们的项目
《vue+webpack与jquery插件的那些浅坑》

胜利了！正告我们先不去管他~同事的锅。

一般插件的引入

我此次用的jquery插件是gridstack,一般引入npmbao都是import “gridstack”或许require(gridstack),文件让webpack本身去找嘛，我都设置好了,我用亲身经历通知你：不可！！！把一切插件放进一个plug-ui的文件夹吧，然后手动填写途径。

import utilcss from '../../plug-in/gridstack/dist/gridstack.css'
import util from '../../plug-in/gridstack/dist/gridstack.js'

插件到此引入胜利！都是些小毛病，然则网上没有很细致的代码，在此愿望帮到人人。
贴上这个拖拽插件的链接：https://github.com/troolee/gr…

    原文作者：kindleLee
    原文地址: https://segmentfault.com/a/1190000010358342
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞