// 自动引入：下载插件后，自动生成的
const path = require('path')

module.exports = {
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      // 1.注意路径不要错误
      // 2.由于要在vue.config.js写入配置,可能会出现文件占用写入失败
      //   关闭可能占用的应用即可
      patterns: [
        // 配置哪些文件需要自动导入
        path.join(__dirname, './src/styles/variables.less')
      ]
    }
  },

  // 解决环境问题：
  // 必须有备案才能访问
  // 改完hosts文件后；加上这个；重启项目
  // # 这个是给webpack-dev-server开启可IP和域名访问权限
  chainWebpack: config => {
    config.devServer.disableHostCheck(true)
  },

  // # 这个是设置外部扩展，模块为qc变量名为QC，导入qc将不做打包。
  configureWebpack: {
    externals: {
      // 导入qc将不做打包
      qc: 'QC'
    }
  }
}