知名网站建设定制vue 项目引用static目录资源_vue中 静态文件引用注意事项

(一)assets知名网站建设定制文件夹与文件夹的区别

区别一:assets文件是src下的,知名网站建设定制所以最后运行时需要进行打包,而static文件不需要打包就直接放在最终的文件中了

区别二:assets中的文件在vue中的template/style下用../这种相对路径的形式进行引用,在script下必须用@import的方式引入,

而static下的文件在.vue中的任何地方都只要使用../这种相对路径的方式引入,

总结一下

1.assets用来放置样式、静态图片,只要src下面的组件中用到的资源就放在assets中。

2.static用来放没有npm包的第三方插件,字体文件。

3.assets与components同级  components下的.vue引用静态文件时,相对路径为 ../assets/wapFront

4.assets与app.vue同级  相对路径为 ./assets/wapFront

(二)vue如何引入其它静态文件:

1.src目录下的资源只能import或require。

2.想静态引入的话,建立一个与src同级的目录例如static,然后把静态资源放入该文件夹下,html的引入路径如下:./static/...

注:试过一定要放在static文件夹下,否则报错

(三)vue如何引入sass

npm i sass --save-dev 装下它

相关资源:
网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发