vue3_vant_typescript_template/vue.config.js at master · ZhengXiaowei/vue3_vant_typescript_template · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
const autoprefixer = require("autoprefixer");
const pxtorem = require("postcss-pxtorem");
const prodConfig = require("./prod.config");

module.exports = {
  publicPath: process.env.NODE_ENV === "production" ? prodConfig.ossCDN : "/",
  assetsDir:
    process.env.NODE_ENV === "production"
      ? "static" + new Date().toLocaleDateString().replace(/\//g, "-")
      : "static",

  lintOnSave: false,
  productionSourceMap: false,
  parallel: false, // ts-loader不支持多线程 ts下打包会丢失三方组件样式
  devServer: {
    // * 接口跨域处理
    proxy: {
      "/api": {
        target: "http://apidomain.com",
        changeOrigin: true,
      },
    },
    disableHostCheck: true,
  },
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          autoprefixer(),
          pxtorem({
            rootValue: 37.5,
            propList: ["*"],
          }),
        ],
      },
      scss: {
        prependData: `@import "~@/scss/variables.scss";`,
      },
    },
  },
  // * 打包忽略项
  configureWebpack: {
    devtool: "source-map",
    // externals:
    //   process.env.NODE_ENV === "production" ? prodConfig.externals : {},
    optimization: prodConfig.optimization,
    resolve: {
      extensions: [".js", ".vue", ".json", ".ts", ".tsx"], // 加入ts 和 tsx
    },
  },
  chainWebpack: (config) => {
    // ts-import-plugin 配置
    prodConfig.mergeConfig(config);
    // 移除prefetch和preload
    config.plugins.delete("prefetch");
    config.plugins.delete("preload");
    if (process.env.NODE_ENV === "production") {
      // gzip
      // prodConfig.assetsGzip(config);
      config.entry("index").add("babel-polyfill");
      config.plugin("html").tap((args) => {
        // 加上属性引号
        args[0].minify.removeAttributeQuotes = false;
        args[0].cdn = prodConfig.cdn.build;
        args[0].isProd = true;
        return args;
      });
    }
  },
};