vue单页面应用中增加js脚本

原創 jinmo277 2020-07-02 03:09

将js文件放入public文件夹,并在其中的index.html中增加

注: 打包后的js文件也会在dist的根目录下

<script type="text/javascript" src="<%= BASE_URL %>xxx.min.js"></script>

BASE_URL - 会和 vue.config.js 中的 publicPath 选项相符，即你的应用会部署到的基础路径。

当前publicPath中配置的是'/', 和打包后js的路径匹配

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

前端构建踩坑 --- babel-loader 对已编译的脚本进行再编译从而导致文件执行出错

前言 本人博客原地址：前端構建踩坑 — babel-loader 對已編譯的腳本進行再編譯從而導致文件執行出錯 問題描述： babel-loader 對已編譯的腳本進行再編譯從而導致文件執行出錯。   因爲打算開發一個小組件庫

Deng冬 2020-07-08 02:23:22

win7系统安装vue-cli脚手架【超详细】含webpack和vue-admin模板

VUE環境總共分爲2步，搭建項目隨意： 1、(必須)安裝node環境 百度雲下載安裝：因爲有時node官網下載網絡不穩定,另外node版本v12往上win7可能安裝不了，條件允許最好在官網下載 百度盤：https://pan.baidu

盖被子的冰块 2020-07-06 13:13:22

Couldn't find preset "es2015" relative to directory问题解决

Couldn’t find preset “es2015” relative to directory問題解決 npm install babel-preset-es2015 --save-dev

M.LNG@li 2020-07-04 22:07:21

vue cli 3 升级到 vue cli 4 方法步骤及升级点总结

vue cli 3 升級到 vue cli 4 方法步驟及升級點總結 官方升級英文文檔，中文文檔相對滯後。 簡介：vue cli 4 官方已經更新有一段時間了，現在是4.0.5 版本，看了官方文檔大概有二十幾點的更新，還是乾貨滿滿

xiao_fei_blog 2020-07-04 19:20:10

Vue-2 vue-cli，生命周期，computed，watch，自定义指令

Vue-2 vue-cli，生命週期，computed，watch，自定義指令 vue-cli環境配置、項目安裝、目錄樹 我們使用webpack也可以手動安裝配置vue腳手架環境，但是有一套更簡單一點的vue-cli的構建工具，大

花懒顾 2020-07-04 03:47:38

Vue CLI配置项总结（8）

1.vue.config.js api const webpack = require("webpack"); module.exports = { //baseUrl,從 Vue CLI 3.3 起已棄用，請使用public

My_Bells 2020-07-03 01:40:35

Vue+ElementUI零基础搭建管理平台（2）——搭建vue-cli脚手架

下載安裝node.js 地址：nodejs.cn/download/   查看node版本 $npm -version 下載淘寶的cnpm 因爲npm部署在國外，國內訪問下載延遲高，利用淘寶的cnpm可以加快速度，cnpm是npm

liuhf_jlu 2020-07-02 02:15:30

Vue&&Webpack原始构建方法及Vue-cli脚手架搭建方法

前言： 文章篇幅較長，分爲三部分。 – 第一部分，vue的簡單概述 – 第二部分，webpack的原始構建過程 – 第三部分，vue-cli腳手架的快速搭建過程 導讀 – 簡單快速開發使用，請看第三部分 – 想了解構建過程及部分

lwm同学- 2020-07-01 22:44:20

vue如何构建多页应用项目

一、前言 衆所周知，vue是爲了單頁應用而開發的漸進式框架，但並不滿足我們工程的開發需求。 操作目標： ①添加多個入口函數配置 ②添加多個html頁面的配置 ③修改webpack build後的配置 代碼已上傳至我的GitHub

lwm同学- 2020-07-01 22:44:09

使用vue-cli2.0和vue-cli3.0初始化项目

1、使用[email protected]構建webpack項目 第一步：使用 npm install vue-cli -g    //全局安裝  vue-cli 腳手架 第二步：安裝vue-cli成功後，通過cd命令進入你想放置項目的文件夾，在命令

Royal_json 2020-07-01 05:27:48

mac上安装vue-cli时报错

mac上安裝vue-cli時報Error: EACCES: permission denied, access ‘/usr/local/lib/node_modules’ 原因: 執行命令行命令時沒有獲得管理員權限 解決方案：在命

时~枫 2020-06-30 08:19:20

vue-cli4 线上版本 相关配置

API接口地址配置：   資源相對路徑配置： vue.config.js配置：  publicPath:'./',   configureWebpack: {     // webpack plugins        resolv

让想法变成执行力 2020-06-29 12:32:52

Vue-cli4打包 npm run build 路径错误解决办法

在項目根目錄下，和package.json同級的目錄下，創建一個vue.config.js文件 publicPath:'./'     **😗*是解決相對路徑的方法 module.exports = {     publicPath:'.

让想法变成执行力 2020-06-29 12:32:52

Vue 脚手架构建前后端分离入门项目

Vue 腳手架構建前後端分離項目項目簡介數據庫建表主要模塊代碼index.js 路由代碼User.vue 用戶組件RAP2 創建接口進行測試切換路由: this.$router.push("/xxx")組件中監聽路由的變化@Req

萌宅鹿 2020-06-29 08:46:49

vue-cli 4.2.3中vue.config.js 配置常用参数（webpack）

截止到2020.3.19，vue-cli版本已經到了4.2.3，以下爲常用的參數及介紹。 const path = require("path"); module.exports = { publicPath: pro

前端修仙 2020-06-28 03:52:43