/*
 * @Descripttion:
 * @version:
 * @Author: zero
 * @Date: 2020-04-17 21:59:42
 * @LastEditors: zero
 * @LastEditTime: 2020-05-07 20:37:22
 */
const path = require("path");
const webpack = require("webpack");
function resolve(dir) {
  return path.join(__dirname, dir);
}
module.exports = {
  configureWebpack: {
    // 警告 webpack 的性能提示
    performance: {
      hints: "warning",
      // 入口起点的最大体积
      maxEntrypointSize: 400000000,
      // // 生成文件的最大体积
      maxAssetSize: 400000000,
      // 只给出 js 文件的性能提示
      assetFilter: function(assetFilename) {
        return assetFilename.endsWith(".js");
      }
    },
    plugins: [new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)]
  },

  chainWebpack: config => {
    // config.module
    //   .rule("url-loader")
    //   .test(/\.(woff2?|eot|ttf|otf)(\?.*)?$/)
    //   .use("url-loader")
    //   .loader("url-loader")
    //   .options({
    //     limit: 10000,
    //     name: "assets/fontSize/[name].[hash:8].[ext]"
    //   })
    //   .end();
    config.module
      .rule("images")
      .test(/\.(png?|jpe?g|gif|webp)(\?.*)?$/)
      .use("url-loader")
      .loader("url-loader")
      .options({
        limit: 10000
      })
      .end();
    config.resolve.alias.set("@$", resolve("src"));
    const svgRule = config.module.rule("svg");
    svgRule.uses.clear();
    svgRule
      .oneOf("inline")
      .resourceQuery(/inline/)
      .use("vue-svg-icon-loader")
      .loader("vue-svg-icon-loader")
      .end()
      .end()
      .oneOf("external")
      .use("file-loader")
      .loader("file-loader")
      .options({
        name: "assets/[name].[hash:8].[ext]"
      });
  },

  css: {
    loaderOptions: {
      less: {
        modifyVars: {},
        javascriptEnabled: true
      }
    }
  },
  // 配置跨域
  devServer: {
    // development server port 8000
    // port: 8000,
    proxy: {
      "/api": {
        target: "http://pcshop.w.wangshuwen.com/api",
        ws: false,
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  },
  publicPath: "./",
  // disable source map in production
  productionSourceMap: false,
  lintOnSave: undefined,
  // babel-loader no-ignore node_modules/*
  transpileDependencies: []
};