// const path = require('path')

// module.exports = {
//   pluginOptions: {
//     'style-resources-loader': {
//       preProcessor: 'less',
//       // 哪些文件自动引入，使用绝对路径
//       // 需要是path.join来拼接完整路径
//       patterns: [
//         path.join(__dirname, './src/assets/styles/variables.less'),
//         path.join(__dirname, './src/assets/styles/mixins.less')
//       ]
//     }
//   },
//   chainWebpack: config => {
//     // 图片加载
//     // config.module
//     //   .rule('images')
//     //   .use('url-loader')
//     //   .loader('url-loader')
//     // .tap(options => Object.assign(options, { limit: 10000 }))

//     // 开启IP域名访问
//     // config.devServer.disableHostCheck(true)
//     config.devServer
//       .historyApiFallback(true)
//       .allowedHosts('all')
//   },
//   configureWebpack: {
//     externals: {
//       qc: 'QC'
//     }
//   }
// }

// import path from 'path'
const path = require('path')
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,

  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      // 哪些文件自动引入，使用绝对路径
      // 需要是path.join来拼接完整路径
      patterns: [
        path.join(__dirname, './src/assets/styles/variables.less'),
        path.join(__dirname, './src/assets/styles/mixins.less')
      ]
    }
  },
  // module: {
  //   rule: 'images',
  //   use: 'url-loader',
  //   loader: 'url-loader',
  //   tap: (options) => Object.assign(options, { limit: 10000 })
  // },
  // chainWebpack: config => {
  //   // // 图片加载
  //   // config.module
  //   //   .rule('images')
  //   //   .use('url-loader')
  //   //   .loader('url-loader')
  //   //   .tap(options => Object.assign(options, { limit: 10000 }))

  //   // // 开启IP域名访问
  //   // config.devServer.disableHostCheck(true)
  // }
  devServer: {
    historyApiFallback: true,
    allowedHosts: 'all'
  },
  // # 这个是设置外部扩展，模块为qc变量名为QC，导入qc将不做打包。
  configureWebpack: {
    externals: {
      qc: 'QC'
    }
  }
})
// // module.exports = {
// //   pluginOptions: {
// //     'style-resources-loader': {
// //       preProcessor: 'less',
// //       // 哪些文件自动引入，使用绝对路径
// //       // 需要是path.join来拼接完整路径
// //       patterns: [
// //         path.join(__dirname, './src/assets/styles/variables.less'),
// //         path.join(__dirname, './src/assets/styles/mixins.less')
// //       ]
// //     }
// //   },
// //   chainWebpack: config => {
// //     // 图片加载
// //     config.module
// //       .rule('images')
// //       .use('url-loader')
// //       .loader('url-loader')
// //       .tap(options => Object.assign(options, { limit: 10000 }))

// //     // 开启IP域名访问
// //     config.devServer.disableHostCheck(true)
// //   },
// //   configureWebpack: {
// //     externals: {
// //       qc: 'QC'
// //     }
// //   }
// // }