kangfu/vue.config.js

let path = require("path");
let webpackConfig = require("./webpack.config");
const webpack = require('webpack')
const PrerenderSPAPlugin = require('prerender-spa-plugin');
const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;

module.exports = {
  publicPath: './',
  outputDir:'dist',
  //assetsDir:'static',//放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。

  pages: {
    index: {
      entry: "./src/main.js",
      template: `./public/index.html`,
      filename: "index.html"
    }
  },
  lintOnSave: false,
  devServer: {
    open: true,
    host: "0.0.0.0",
    port: 8082,
    contentBase: path.resolve(__dirname, "public"),
    https: false,
    hotOnly: false,
    proxy: {
        '/': {
          target: "http://localhost:8080",
          // target: "https://ymg.hxscredit.gov.cn",
          // target: "http://192.168.0.181:8080",
          // // target: "http://192.168.8.17:7206",
          // target: "http://192.168.8.168:8080",
        ws: false,
        changeOrigin: true
      }
    },
    disableHostCheck: true
    //before: app => {}
  },
  css: {
    // 是否从组件中抽取css成一个单个css文件（仅在生产环境中生效）
    // extract: true,
    // 是否启动css sourceMap
    sourceMap: true,
    // sass-loader, use { sass: { ... } }
    // 配置css-loader
    loaderOptions: {
      sass: {
        // @/ 是 src/ 的别名
        // 所以这里假设你有 `src/variables.scss` 这个文件
        additionalData: `@import "@/styles/index.scss";`
      }
    },
    // 是否为所有css或css预编译文件使用modules模式
    modules: false
  },
  //webpack配置
  chainWebpack: config => {
    let webpackAlias = webpackConfig.resolve.alias;
    Object.keys(webpackAlias).forEach(aliasName => {
      config.resolve.alias.set(aliasName, webpackAlias[aliasName]);
    });
  },
    configureWebpack: config => {
        if (process.env.NODE_ENV !== 'production') return;
    },
  parallel: require("os").cpus().length > 1
};