module.exports = {
  // 基本路径
  publicPath: './',
  // 输出文件目录
  outputDir: process.env.outputDir,
  // eslint-loader 是否在保存的时候检查
  lintOnSave: true,
  // 用于放置生成的静态资源
  assetsDir: 'static',
  // 指定生成的 index.html 的输出路径  (打包之后，改变系统默认的index.html的文件名)
  indexPath: 'index.html',
  filenameHashing: true,
  // vue-loader 配置项
  // 生产环境是否生成 sourceMap 文件
  productionSourceMap: false,

  devServer: {
    open: true, // 是否自动打开浏览器页面
    host: 'localhost',
    port: 8009,
    https: false, // 使用https提供服务
    hotOnly: false,
    proxy: null
  },
  // image-webpack-loader图片压缩配置
  chainWebpack: config => {
    config.module
      .rule('images')
      .use('image-webpack-loader')
      .loader('image-webpack-loader')
      .options({
        bypassOnDebug: true
      })
      .end()
  },
    // 第三方插件配置
  pluginOptions: {},
	// css: {
	// 	loaderOptions: {
	// 		postcss: {
	// 			// 这是rem适配的配置  注意： remUnit在这里要根据lib-flexible的规则来配制，如果您的设计稿是750px的，用75就刚刚好。
	// 			plugins: [
	// 				require("postcss-px2rem")({
	// 					remUnit: 192
	// 				})
	// 			]
	// 		}
	// 	}
	// }
}
