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

真诚赞赏,手留余香
赞赏
随机推荐
原生javascript左右滚动特效
CentOS 安全
filezilla server FTP 安装报错 "could not load TLS network. Aborting start of administration interface"
jQuery.position()不可靠
CSS 实现三角形
CSS实现图片模糊
PS手绘20171011
JavaScript判断变量是否为undefined两种方式差异
使用Node.js http 模块采集数据时的日文 EUC-JP 乱码,使用 iconv-lite 转码
Koa.js 中间件 koa-session