Vue中assets和static的區別 再一次框架定型中，與同事在靜態資源的存放上有了一些分歧，后來經過查閱總結如下： 相同點： assets和static兩個都是存放靜態資源文件。項目中所需要的資源 ...

前端經常在靜態資源的存放上有分歧 . ...

static和assets的區別，原理就在於webpack是如何處理靜態資源的 assets 1）在vue組件中，所有模板和css都會被vue-html-loader和css-loader解析，並查找資源url。 例： src="./logo.png" /> ...

在vue的目錄結構中，static是靜態資源目錄，可以用於放置圖片、字體等。而在src目錄（開發目錄）下，同樣提供了一個assets目錄，可以用於存放圖片，比如logo等。雖然這兩個目錄都可以用於放置圖片，但是在使用上卻是有一些差別的。 在HTML中使用 在HTML中使用，兩者都可以直接使用 ...

參考：https://www.jianshu.com/p/8341edbc7436 src/assets和static兩個都是存放靜態資源文件。src/assets中存放的靜態資源文件在項目打包時，也就是運行npm run build時會將assets中放置的靜態資源文件進行壓縮打包 ...

一、Webpacked Assets 為了回答這個問題，我們首先需要了解Webpack如何處理靜態資產。在 *.vue 組件中，所有模板和CSS都會被 vue-html-loader 及 css-loader 解析，並查找資源URL。例如，在 src="./logo.png ...

assets和static兩個都是用於存放靜態資源文件。 放在static中的文件不會進行構建編譯處理，也就不會壓縮體積，在打包時效率會更高，但體積更大在服務器中就會占據更大的空間 放在assets中的文件會進行壓縮體積、代碼格式化，壓縮后會放置在static中一同上傳服務器。 因此建議樣式 ...

轉自：vue-cli中自定義路徑別名 assets和static文件夾的區別 靜態資源處理： assets和static文件夾的區別 相信有很多人知道vue-cli有兩個放置靜態資源的地方，分別是src/assets文件夾和static文件夾,這兩者的區別很多人可能不太清楚 ...