很多人在使用Vue時,想要去掉Vue的Logo,但卻不知從何下手。下面我們就來詳細介紹Vue怎樣去除Logo。
首先,在使用Vue-cli創(chuàng)建項目時,一個默認的VueLogo會出現(xiàn)在頁面左上角,這個Logo有兩種形態(tài),有一個漸變的臉和一個黑色的小四方形圖標。要想去除這個Logo,我們需要對Vue-cli進行配置。我們可以在項目根目錄下新建一個vue.config.js文件,具體代碼如下:
module.exports = { chainWebpack: config =>{ config.plugins.delete('prefetch') }, devServer: { overlay: { errors: false, warnings: false } } }
在這段代碼中,我們主要是通過配置chainWebpack和devServer兩個對象來去除Logo。
首先,我們需要在chainWebpack對象中通過config.plugins.delete方法來刪除預加載prefetch的插件。這個插件會在項目啟動時加載項目中的資源,其中包括Vue的Logo,所以我們需要刪除這個插件來去除Logo。
其次,我們還需要在devServer對象中配置overlay屬性來隱藏掉webpack打包的警告和錯誤信息。在這個對象中,我們設(shè)置了errors和warnings兩個屬性為false,這樣webpack打包時就不會再出現(xiàn)警告和錯誤信息以及Vue的Logo。
除了以上兩種方法,我們還可以通過添加CSS樣式來隱藏Vue的Logo。這種方法比較簡單,只需要在App.vue文件中的