老师,请教一个vuecli4引入CDN的问题

来源:3-3 Vue-DevTools安装使用

LukeLiang

2020-07-25

老师您好,我是使用vuecli4创建的项目,我在项目中要使用到百度地图api.

  1. 我先是在public/index.html引入了script。
    图片描述
  2. 然后我看网上说要配置下webpack,我在根目录下配置的。图片描述
  3. 然后我再组件中引入。图片描述
  4. 启动的时候,提示我没有安装BMap图片描述
    我的猜测是webpack的问题.
    想请教下老师,webpack应该怎么配置?
写回答

1回答

河畔一角

2020-07-25

首页VueCli4脚手架创建出来的项目是没有webpack配置的,你手动创建这个配置文件也是无法被识别和解析的,如果要修改配置只能在vue.config.js中做相应的操作。

其次说到BMap的问题,用它的时候一般都去官网看用法,这些在官网上都有说明,很明显你并没有看,只靠自己猜测来做。

最后这个问题有两种方案,第一种就是直接在index.html里面引入脚本,就像你写的一样,但是用的时候就不用再去import了,因为你是全局引入的,由于你的项目是单页面程序,那全局的BMap对象就只能挂载到Window对象上面,所以用的时候直接window.BMap去用。

第二种方案就是通过安装npm插件,然后import进去,这个要看官网具体安装哪个插件。

0
1
LukeLiang
非常感谢!
2020-07-25
共1条回复

Vue全家桶实战 从零独立开发企业级电商系统

Vue全家桶构建企业级电商系统,真实服务端数据对接,高实用性

2560 学习 · 1307 问题

查看课程