vue-loader.conf.js

`vue-loader.conf.js` 是一个用于配置 Vue 单文件组件加载器（vue-loader）的配置文件。它一般用于 Vue CLI 2.x 中的 webpack 配置。

在 Vue 项目中，`.vue` 文件是一种特殊的文件类型，包含了模板、脚本和样式等组件相关代码。为了能够在 webpack 构建过程中解析和处理这些 `.vue` 文件，我们需要使用 vue-loader。

`vue-loader.conf.js` 文件中的配置项会被用于 vue-loader 的加载过程，以定义如何解析和转换 `.vue` 文件中的各个部分。

下面是一个简单的 `vue-loader.conf.js` 示例：

// vue-loader.conf.js

module.exports = {
  loaders: {
    css: 'vue-style-loader!css-loader',
    scss: 'vue-style-loader!css-loader!sass-loader'
    // 其他加载器配置...
  }
};

在上述示例中，我们定义了 `css` 和 `scss` 两个加载器的配置。这些配置会告诉 vue-loader 如何处理 `.vue` 文件中的样式部分。

注意，以上示例中的加载器配置是基于 webpack 1.x 的写法。在 webpack 2.x 或更高版本中，可以使用 `rules` 或 `module.rules` 来定义加载器规则。例如：

// vue-loader.conf.js

module.exports = {
  rules: [
    {
      test: /\.css$/,
      use: [
        'vue-style-loader',
        'css-loader'
      ]
    },
    {
      test: /\.scss$/,
      use: [
        'vue-style-loader',
        'css-loader',
        'sass-loader'
      ]
    }
    // 其他加载器规则...
  ]
};

在上述示例中，我们使用 `rules` 定义了两个加载器规则，分别用于处理 `.css` 和 `.scss` 文件。

`vue-loader.conf.js` 中的配置还可以包括其它一些选项，如预处理器的配置、CSS Modules 的开启等。具体配置项可以参考 vue-loader 的文档。

总之，`vue-loader.conf.js` 是一个用于配置 vue-loader 的文件，用于定义如何解析和处理 Vue 单文件组件中的各个部分。在 Vue CLI 2.x 中，它被用作 webpack 配置文件的一部分。