問(wèn)題描述

我想在一個(gè)單頁(yè)組件中引入一個(gè)外部的swiper.js，我不想安裝依賴，想直接導(dǎo)入js，有辦法實(shí)現(xiàn)嗎，import和require都嘗試過(guò)但是好像沒有成功

問(wèn)題解答

直接在index.html下面通過(guò)<script>引入就可以

在index.html頁(yè)面引入 你需要加載的js 文件

require / exports 是 CommonJS(在Node中實(shí)現(xiàn)) , import / export 是 ES2015 的模塊，使用 vue 必然會(huì)用到 webpack，webpack 1 對(duì) CommonJS 默認(rèn)支持，對(duì) ES2015 也只要使用 babel 就可以了。https://www.zhihu.com/question/56820346/answer/150743994

所以如果你想要用這種模塊化導(dǎo)入的語(yǔ)法，前提是你引用的這個(gè)庫(kù)本身是模塊化的，并且語(yǔ)法是CommonJS的。如果你只是單純的想引入，那么直接加<script>標(biāo)簽就好了。