Webpack不转换SCSS (ExtractTextPlugin)

Webpack是一个现代化的前端构建工具，它可以将多个前端资源（如HTML、CSS、JavaScript等）打包成一个或多个静态文件，以提高网页加载速度和性能优化。而SCSS是一种CSS预处理器，它可以增强CSS的功能，使得开发者可以使用变量、嵌套规则、混合等特性来编写更加灵活和易于维护的样式代码。

在Webpack中，可以使用ExtractTextPlugin插件来将SCSS文件转换为CSS，并将其提取到单独的CSS文件中。这样做的好处是可以将CSS与JavaScript分离，减小JavaScript文件的大小，提高网页加载速度。同时，提取的CSS文件可以进行压缩和缓存，进一步优化网页性能。

使用ExtractTextPlugin插件可以通过以下步骤来配置Webpack：

1. 首先，安装ExtractTextPlugin插件：

npm install extract-text-webpack-plugin --save-dev

1. 在Webpack配置文件中引入ExtractTextPlugin插件：

const ExtractTextPlugin = require('extract-text-webpack-plugin');

1. 在Webpack配置文件的plugins选项中实例化ExtractTextPlugin插件，并指定提取的CSS文件名：

plugins: [
  new ExtractTextPlugin('styles.css')
]

1. 在Webpack配置文件的module.rules选项中配置SCSS文件的加载规则，并使用ExtractTextPlugin.loader来提取CSS：

module: {
  rules: [
    {
      test: /\.scss$/,
      use: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: ['css-loader', 'sass-loader']
      })
    }
  ]
}

通过以上配置，Webpack会将SCSS文件转换为CSS，并将其提取到名为styles.css的文件中。在HTML文件中引入该CSS文件即可使用样式。

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

• 腾讯云云服务器（CVM）：提供弹性、安全、稳定的云服务器，可满足各种规模和需求的应用场景。详情请参考：腾讯云云服务器
• 腾讯云对象存储（COS）：提供高可靠、低成本的对象存储服务，可用于存储和管理各种类型的数据。详情请参考：腾讯云对象存储

请注意，以上答案仅供参考，具体的配置和产品选择应根据实际需求和情况进行。