下载sass

  1. npm i sass -D

打开package.js文件

查看sass是否在开发依赖，如不在，移动到开发依赖

项目中使用

  1. <style lang="scss">
  2. .home{
  3.     width: 100%;
  4.     height: 550px;
  5.     .header{
  6.         width: 100%;
  7.         height: 100%;
  8.         background: url(https://s1.ljcdn.com/pegasus/redskull/images/home/images/home/bg_header@1x.jpg?v=ffcf75b4) no-repeat 100% 100%;
  9.     }
  10. }
  11. </style>

重新编译启动

注意

该方法适用于vite+vue3创建的项目使用sass