你可能注意到了我们的静态资源共有两个目录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 ...