加载器高级配置

若你想自定义载器的配置，不要 vue-loader 来推断。 或你只想覆盖加载器内置的配置。 那就这样做，在你 Webpack 配置文件里，添加一个 vue 块，并指定 loaders 选项：

Webpack 1.x Example:

// webpack.config.js
module.exports = {
  // other options...
  module: {
    loaders: [
      {
        test: /\.vue$/,
        loader: 'vue'
      }
    ]
  },
  // vue-loader 配置
  vue: {
    // ... 其他 vue 选项
    loaders: {
      // 用 coffee-loader 加载所有没有 "lang" 属性的 <script> 
      js: 'coffee',
      // 直接把 <template> 作为 HTML 字符串来加载，不需先用 vue-html-loader 处理。
      html: 'raw'
    }
  }
}

Webpack 2.x (^2.1.0-beta.25):

module.exports = {
  // 其他选项...
  module: {
    // module.rules 是和版本1.x中的 module.loaders 是相同的
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue',
        // vue-loader 选项在这里配置
        options: {
          loaders: {
            // ...
          }
        }
      }
    ]
  }
}

这里是个实际的加载器配置高级用法的实例 提取组件内的 CSS 到单独文件。