const webpack = require("webpack");

// 引入等比适配插件
const px2rem = require("postcss-px2rem");

// 配置基本大小
const postcss = px2rem({
  // 基准大小 baseSize，需要和rem.js中相同
  remUnit: 16,
});
module.exports = {
    publicPath: './',
    productionSourceMap: false, // 生产打包时不输出map文件，增加打包速度
    css: {
        // 是否使用css分离插件 ExtractTextPlugin
        extract: false,
        // 开启 CSS source maps?
        sourceMap: true,
        // css预设器配置项
        loaderOptions: {
            postcss: {
              plugins: [postcss],
            },
          },
        // 启用 CSS modules for all css / pre-processor files.
        modules: false
    },
    runtimeCompiler: true,

    devServer: {
        open: true,
        host: 'localhost',
        port: 8085,
        https: false,
        //以上的ip和端口是我们本机的;下面为需要跨域的
        proxy: {//配置跨域
            'smsqtapi': {
                target: 'http://localhost:8080/', //这里后台的地址模拟的;应该填写你们真实的后台接口
                ws: true,          
                changOrigin: true, //允许跨域
                pathRewrite: {  
                    '^/smsqtapi': '/smsqtapi'//请求的时候使用这个api就可以
                }
            },
            
        }
    }
}