npm i svg-sprite-loader
使用 webpack 的 exclude 和 include
index.js**如下:
import vue from 'vue'
import svgicon from '@/components/svgicon' //引入svg元件
vue.component('svg-icon', svgicon) //全域性註冊svg-icon
const req = require.context('./svg', false, /\.svg$/)//遍歷require.context的返回模組並匯入
const requireall = requirecontext => requirecontext.keys().map(requirecontext)//import所有符合條件的svg 三個引數:資料夾、是否使用子資料夾、正則
requireall(req)
(1)在main.js中引入
import './icons'
(2)在頁面直接使用svg-icon元件
vue專案中使用jQuery
這裡是引入全域性的jquery 1.在package.json檔案中,devdependencies 物件中新增 jquery 3.1.1 2.在build資料夾下的webpack.base.conf.js檔案中新增 var webpack require webpack 增加乙個plugins p...
vue 專案中使用 jquery
在 vue 專案中使用 jquery,具體步驟如下 1 npm 安裝 jquery 命令如下,後邊指定安裝的 jquery 版本 npm install jquery 3.2.1不加 會安裝最新版本 npm install jquery命令執行成功後,會在 package.json 檔案中自動生成 ...
vue專案中使用mui
vue搭建環境 hbuilder編輯器。我不喜歡用hbuilder寫 在使用vscode 使用的是vue cli腳手架。這個就不多bb了,之後對檔案做了簡單的調整。還是直接貼圖吧 基本的頁面準備工作完成assetspublicpath 之前是 改為 使build之後的專案能在本地執行 product...