详解如何在某视频剪辑软件项目里正确地引用jquery和jquery-ui的插件

使用vue-cli构建的某视频剪辑软件项目，webpack的配置文件是分散在很多地方的，而我们需要修改的是build/webpack.base.conf.js，修改两处的代码

//在开头引入网络包，后面的插件那里需要var web pack=required(' web pack ')//解析模块。导出={//其他代码.解析： {扩展3360[' '，' .js '，' .vue']，回退：[路径。联接(_ _ dirname，'./node_modules')]，别名： { ' src ' :路径。resolve(_ _ dirname '，/src ')，“assets”:路径。解析(_ _ dirname '，/src/assets ')，“components”:路径。解析(_ _ dirname '，/src/components ')，//webpack使用jQuery，如果是自行下载的//“jquery”:路径。解析(_ _ dirname '，/src/assets/libs/jquery/jquery。min ')，//如果使用NPM安装的jQuery 'jquery': 'jquery' } }，//增加一个插件插件： [新网络包.ProvidePlugin({ $: 'jquery '，jQuery: 'jquery' }) ]，//其他代码.}这样就可以正确的使用jQuery了，比如我要引入自举，我们在某视频剪辑软件的入口射流研究…文件src/main.js开头加入

//使用Bootstrapimport ./assets/libs/bootstrap/CSS/bootstrap。量滴CSS“导入”./资产/libs/bootstrap/js/bootstrap。' min '这样引导程序就正确的被引用并构建。

在比如使用toastr组件，只需要在需要的地方进口进来，或者全局引入钢性铸铁在需要的地方引用js，然后直接使用

//使用toast import的资产/libs/toast/toast。量滴CSS '从' assets/libs/toastr/toastr '导入到astr。min ' toastr。成功('你好')网络包全局引入jquery

1、首先在package.json里加入，

依赖项： { ' jquery ' : '^2.2.3'}然后网络管理协议安装

2、在webpack.base.conf.js里加入

var webpack=require('webpack')3、在模块。导出的最后加入

插件：[新webpack。优化。commonschunk插件(' common。js ')，新的网络包.提供插件({ jquery : ' jquery '，$: 'jquery' })]4、然后一定要重新运行开发

5、在main.js引入就好的了

从" jquery "导入$ 0在。某视频剪辑软件文件中引入第三方非NPM模块

var Showbo=require('exports？Showbo！/path/to/showbo。js’)；vue-cli引入外部文件

在webpack.base.conf.js中添加外控者

外控者中swiper是键，对应的值一定的是插件swiper.js所定义的变量Swiper :

之后再在根目录下的index.html文件里引入文件：脚本src=' http : static/lib/swiper。js /脚本

这样子就可以在需要用到swiper.js的文件里加入这行代码：从" swiper "导入斯威珀，这样就能正常使用了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。