vue 中static 和assets 的区别

官方说法 :

webpack assets 

在vue组件,所有模板和css 都会被 vue-html-loader 及 css-loader 解析

Static 文件夹  不会被webpack 处理:他们会直接复制到最终的目录(默认的dist/static)下,必须使用绝对路径引用文件,通过config.js 文件中淀粉 build.assetsPublicPath 和 build.assetsSubDirectory 连接来确定的

心法:

区别一:assets 文件是src 下的,所以最后运行的时候需要进行打包,而static文件不需要打就直接放在最终的文件中了

区别二:assets中的文件在vue中的template/style 下用相对路径的形式进行引用,在scripte 下必须使用import 的方式引入,而static下的文件在 vue中的任何一个地方都只要使用 ../这种相对路径的方式引入 

反正我是使用的相对路径 绝对路径报错了~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容