webpack简单通用配置

const path = require('path')
const port = 8081
function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  //基本路径
  publicPath: './',
  //打包文件目录名称
  outputDir: 'dist',
  //静态资源目录
  assetsDir: 'static',
  //html的输出路径
  indexPath: 'index.html',
  //打包文件名哈希
  filenameHashing: true,
  //是否开启eslint检查
  lintOnSave: 'error',
  //是否需要源码映射
  productionSourceMap: true,
  // webpack-dev-server 相关配置
  devServer: {
    open: true, //第一次运行项目自动打开浏览器
    port,
    proxy: {
      '/api': {
        target: 'http://10.124.154.51',
        // target: `https://gec.10010.com`,
        pathRewrite: {
          '^/api': '/api'
        },
        changeOrigin: true
      }
    }
  },
  css: {
    loaderOptions: {
      less: {
        data: `@import "@/assets/css/public.less";`
      }
    }
  },
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: [
        // 这个是加上自己的路径，
        // 注意：试过不能使用别名路径，不能用@，只能用相对路径
        path.resolve(__dirname, './src/assets/css/public.less')
      ] // 引入全局样式变量
    }
  },
  configureWebpack: {
    resolve: {
      alias: {
        '@': resolve('src')
      }
    }
  }
}