你是怎么把所有的sass文件和webpack捆绑在一起的？

将所有的Sass文件和Webpack捆绑在一起可以通过以下步骤实现：

1. 配置Webpack：首先，需要在Webpack配置文件中添加对Sass文件的处理。可以使用sass-loader加载器来解析Sass文件，并使用css-loader加载器将其转换为CSS。同时，使用style-loader加载器将CSS注入到HTML文件中。配置示例：

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          'style-loader',
          'css-loader',
          'sass-loader'
        ]
      }
    ]
  }
};

1. 安装依赖：确保项目中已经安装了必要的依赖包。可以使用npm或者yarn来安装所需的包。示例：

npm install sass-loader css-loader style-loader sass --save-dev

1. 创建Sass文件：在项目中创建Sass文件，例如styles.scss。
2. 导入Sass文件：在入口文件（通常是index.js或main.js）中导入Sass文件。示例：

import './styles.scss';

1. 构建项目：使用Webpack命令构建项目，将Sass文件编译为CSS并与其他文件捆绑在一起。示例：

webpack --mode production

完成上述步骤后，Webpack将会将所有的Sass文件与其他文件一起打包。在构建过程中，Webpack会解析Sass文件并将其转换为CSS，然后将CSS注入到HTML文件中。

注意：以上步骤是一种常见的配置方法，具体的配置可能因项目而异。在实际应用中，可能还需要考虑其他因素，如autoprefixer、提取CSS为单独文件等。