在给scss起别名时，页面一直报错：SassError: Invalid css after “”;expected 1 selector or at-rule, was 'import “****” 和一些其他的Sass错误，但是在我本地的开发中并没有报错，一旦在服务中使用就报错，晚上搜到的办法都无法解决我的问题，今天无意间找到了问题所在。原因是vue.config.js中文件别名配置时没配置好。


正确的代码： vue.config.js

const path = require('path')
function resolve (dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  chainWebpack:(config)=>{
    config.resolve.alias
    .set('@',resolve('src'))
    .set('style',resolve('src/assets/css'))
    //set第一个参数：设置的别名，第二个参数：设置的路径
  }
}

之前出了问题的：‘

function resolve (dir) {
  return path.join(__dirname, '../', dir)
}
module.exports = {
  chainWebpack:(config)=>{
    config.resolve.alias
    .set('@',resolve('./src'))
    .set('style',resolve('./src/assets/css'))
    //set第一个参数：设置的别名，第二个参数：设置的路径
  }
}

还是不能完全照网上的办法，记得动脑子找合适的啊！！