vue2-s-cli/template/vue.config.js

脚手架

const { defineConfig } = require("@vue/cli-service");
const path = require("path");

function resolve(dir) {
  return path.join(__dirname, dir);
}

const times = new Date().getTime();

module.exports = defineConfig({
  transpileDependencies: true,
  chainWebpack: (config) => {
    config.resolve.alias.set("@", resolve("src"));
    config.plugin("html").tap((args) => {
      args[0].title = "后台系统";
      args[0].versionDate = new Date().toLocaleString();
      return args;
    });
    config.output.filename(`static/js/[name].${times}.js`).end();
    config.output.chunkFilename(`static/js/chunk-[name].${times}.js`).end();
  },
  // 兼容不同webpack版本
  configureWebpack: {
    output: {
      filename: `static/js/[name].${times}.js`,
      chunkFilename: `static/js/chunk-[name].${times}.js`,
    }
  },
  devServer: {
    port: 9000,
  },
  filenameHashing: true,
  publicPath: "./",
  outputDir: "dist",
  assetsDir: "static",
  productionSourceMap: false,
  css: {
    loaderOptions: {
      sass: {
        prependData: `@import '@/assets/css/base.scss';`,
      }
    },
  }
});