vue項(xiàng)目引入SuperMap.Include.js

vue項(xiàng)目引入SuperMap.Include.js時(shí)嗜桌，報(bào)錯(cuò)：Uncaught SyntaxError: Unexpected token <

想當(dāng)初：

之前在做ionic4+angularjs8項(xiàng)目時(shí)筒占，需要引入

image.png

直接在根目錄下index.html中全局方式引入：

image.png

用的時(shí)候需要declare下：

image.png

現(xiàn)如今：

superMap沒有提供模塊化的開發(fā)迁央，所以引入superMap按照傳統(tǒng)的方式馏鹤，在index.html中引用，全局引用余境，然后我就開始引入了：

image.png

然后很高興的去測試了陕悬，結(jié)果發(fā)現(xiàn)報(bào)了這個(gè)錯(cuò)：

image.png

很納悶，這不是沒引進(jìn)來嗎絮宁？完了仔細(xì)看了看：
VUE的index.html在根目錄梆暮，而我把三方j(luò)s放在了src/assests下；
之前angularjs8項(xiàng)目的index.html在src/下绍昂，三方j(luò)s也在src/assests下啦粹。
最后，我把js移到了根目錄/static下：

image.png

好使了窘游。唠椭。。

總結(jié)：

引入 /src 和 /static 的文件是有區(qū)別的忍饰。
（再抄一下別人的總結(jié)贪嫂，比我自己總結(jié)的全面，不過我看得這篇貌似也是復(fù)制別人的艾蓝，我就不注明出處了力崇，反正就抄了個(gè)總結(jié)，哈哈）：
1赢织、assets文件夾與static文件夾的區(qū)別

區(qū)別一：assets文件是src下的亮靴，所以最后運(yùn)行時(shí)需要進(jìn)行打包，而static文件不需要打包就直接放在最終的文件中了

區(qū)別二：assets中的文件在vue中的template/style下用../這種相對路徑的形式進(jìn)行引用于置，在script下必須用@import的方式引入而static下的文件在.vue中的任何地方都只要使用../這種相對路徑的方式引入茧吊，

2、

（1）assets用來放置樣式、靜態(tài)圖片饱狂，只要src下面的組件中用到的資源就放在assets中。

（2）static用來放沒有npm包的第三方插件宪彩，字體文件休讳。

（3）assets與components同級 components下的.vue引用靜態(tài)文件時(shí)，相對路徑為 ../assets/wapFront

3尿孔、vue如何引入其它靜態(tài)文件：

（1）src目錄下的資源只能import或require俊柔。

（2）想靜態(tài)引入的話，建立一個(gè)與src同級的目錄例如static活合，然后把靜態(tài)資源放入該文件夾下雏婶，html的引入路徑如下：./static/...（注：試過一定要放在static文件夾下，否則報(bào)錯(cuò)）

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者