javascript - vue組件如何引入外部js

問題描述

我想在一個單頁組件中引入一個外部的swiper.js，我不想安裝依賴，想直接導入js，有辦法實現嗎，import和require都嘗試過但是好像沒有成功

問題解答

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

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

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

所以如果你想要用這種模塊化導入的語法，前提是你引用的這個庫本身是模塊化的，并且語法是CommonJS的。如果你只是單純的想引入，那么直接加<script>標簽就好了。