你可能注意到了我們的靜態資源共有兩個目錄src/assets和static/，你們它們之間有怎樣的區別呢？ 資源打包 為了回答這個問題，我們需要了解webpack是如何處理靜態資源的。 在所有的*.vue文件中你所有的templates 和CSS 都被vue ...

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

static下的靜態資源在項目打包的時候，直接在dist文件夾下直接把static文件夾打包進去src下的assets，在打包時，vue是按照模塊來引入里面的靜態資源，一般使用這種方式 ...

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

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

在vue項目中發現有兩個存放靜態文件的文件夾，疑惑中。。。以下為整理的答案。 用vue-cli生成一個項目后，src目錄下的assets目錄和根目錄下的static目錄都是存放靜態文件的，那什么樣的靜態文件應該放在assets目錄，什么樣的靜態文件應該放在static目錄下呢？ assets里 ...

1、assets文件夾與static文件夾的區別 　　assets文件是src下的，所以最后運行時需要進行打包，一般用來存放自己用到的靜態資源； 　　static文件不需要打包就直接放在最終的文件中了，一般用來存放第三方靜態資源。 引入靜態資源方法：js中用import，css中用 ...

區別一（最終位置） assets文件是src下的，所以最后運行是需要進行打包，而static文件不需要打包直接放在最終的文件中了 區別二（引用方式） assets中的文件在vue中的template/style下用../這種相對路徑的形式進行引用，但是在script下必須用@import ...