vue-cli引用第三方框架

用vuejs脚手架vue-cli创建的项目,如果要引入外部文件(第三方插件)的时候,要在webpack的配置文件中设置externals:webpack.base.conf.js的设置
1.png
externals中‘swiper‘是键,对应的值一定的是插件swiper.js所定义的变量Swiper:

2.png

3.png

之后再在根目录下的index.html文件里引入文件:<script src="static/lib/swiper.js"></script>,注意:外部文件放在src里是不能被index.html所访问到的,故我放到根目录下得static文件夹里。
这样子就可以在需要用到swiper.js的文件里加入这行代码:import Swiper from 'swiper',这样就能正常使用了。


修改时间 2016-10-03

真诚赞赏,手留余香
赞赏
随机推荐
Base64
pm2 以 windows 服务运行
解决 SSH 的 Write failed: Broken pipe 问题
macOS开启usb调试Android真机
体块透视
Node.js 事件触发器模块 events
Node.js 图片处理模块 Jimp
Node.js 数据验证器 validator.js 类似Laravel和ThinkPHP
Windows 2008 修改远程端口号
如何解决mysql delete表数据后,表空间大小不变的问题