Webpack sass-loader看不懂'@‘抛出错误

Webpack是一个现代的JavaScript应用程序的静态模块打包工具。它主要用于将各种资源（如JavaScript模块、样式表、图片等）打包成一个或多个静态资源文件，以便在浏览器中加载。

sass-loader是Webpack的一个加载器，用于处理Sass（一种CSS预处理器）文件。它将Sass文件编译为普通的CSS文件，以便在浏览器中使用。

在Webpack配置中使用sass-loader时，如果遇到'@'符号抛出错误，可能是因为sass-loader默认情况下不支持解析以'@'开头的路径。这是因为在Sass中，'@'符号通常用于引用Sass的内置函数或特殊语法。

要解决这个问题，可以通过在Webpack配置中添加resolve.alias来映射路径，将'@'符号指向正确的路径。例如：

module.exports = {
  // ...
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src') // 将'@'符号映射到src目录
    }
  },
  // ...
};

这样配置后，sass-loader就能正确解析以'@'开头的路径了。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求快速创建、部署和扩展云服务器实例。了解更多信息，请访问：腾讯云云服务器
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，可用于存储和管理各种类型的数据。了解更多信息，请访问：腾讯云对象存储

注意：以上答案仅供参考，具体的解决方法和推荐产品可能因实际情况而异。