由於一些演示，需要對編碼名稱等可快速進行修改，需要頁面方便配置。由於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...
Vue引入外掛程式
2.在src main.js中新增 1.在專案資料夾下,使用命令 npm install jquery s e dev 引入jquery.2.在bulid webpack.base.conf.js 中新增如下內容 3.在src main.js 檔案中引入 1.npm 安裝axios，檔案根目錄下安裝...