vue匯入靜態js vue引入靜態js檔案的方法

2021-10-16 19:50:11 字數 1026 閱讀 2710

由於一些演示,需要對編碼名稱等可快速進行修改,需要頁面方便配置。由於build後的vue專案基本已經看不出原樣,因此需要建立乙個檔案,並在打包的時候不會進行編譯。

vue-cli 2.0的作法是在static檔案下建立js。vue-cli 3.0 的寫法則是直接在public資料夾下建立js、

具體操作如下:

1、在public資料夾下建立config.js檔案,裡面檔案的語法是es5,不允許使用瀏覽器不能相容的es6語法。因為該檔案不進行編譯,es6部分語法瀏覽器不相容。

2.、在html檔案下,使用標籤進入

3、在頁面直接按照原生的方法使用即可。

例如config.js定義了乙個變數叫config,並在index.html頁面引入後,那麼在頁面任何一處地方都可以直接使用。

config.js

/*自定義全域性變數,此檔案不編譯,因此需要用原生的寫法*/

let config = , // fieldvalue需要頁面輸入賦值查詢

index.html

頁面使用:

queryfun() $/

if(!reg.test(this.mobile)) )

return false

config.networkguard.countdbqry[0].fieldvalue = this.mobile

object.assign(this.listquery,{

databaseid: config.networkguard.accountdbid,

params: config.networkguard.countdbqry

個人錯誤記錄:

在開發環境中,我在public下建立了config.js檔案,並且用export default方法進行匯出。在頁面使用的地方使用import config from ***進入引入。開發過程中,沒有出問題,但是在打包發布以後,發現修改config檔案並不生效。

經過排查才意識到:不打包編譯的js檔案不識別es6語法,並且不應該使用import方法進行引入。應該按照原生的js檔案進行使用

vue 引入原生js vue引入靜態js檔案的方法

由於一些演示,需要對編碼名稱等可快速進行修改,需要頁面方便配置。由於build後的vue專案基本已經看不出原樣,因此需要建立乙個檔案,並在打包的時候不會進行編譯。vue cli 2.0的作法是在static檔案下建立js。vue cli 3.0 的寫法則是直接在public資料夾下建立js 具體操作...

Vue中引入靜態JS檔案(爬坑)

前言 背景介紹 開發的專案需要與threejs的3d專案結合在一起,需要靜態引入,jquery.js,stats.js,three.js,threebsp.js等靜態檔案。開發環境是iview admin2.0.嘗試了許多方法,算是填坑了吧.1 首先找到專案下的index.html,我的是在publ...

VS 如何匯入靜態LIB庫

方法一 編譯器環境配置法 1,新增工程的頭檔案目錄 工程 屬性 配置屬性 c c 常規 附加包含目錄 加上標頭檔案存放目錄。2,在vs中的專案屬性選單,新增lib庫所在資料夾的相對路徑,相對路徑的起始是.vsproj檔案所在路徑 3,在vs中的專案屬性選單,新增lib庫檔案 方法二 方法 ifdef...