byte-sailing-vue/vue.config.js

const packageName = require("./package.json").name;
console.log(packageName);
module.exports = {
  //路径前缀
  //打包配置，解决页面空白的配置方案。

  lintOnSave: true,
  runtimeCompiler: true,
  productionSourceMap: false,
  chainWebpack: (config) => {
    config.module
      .rule("fonts")
      .test(/.(ttf|otf|eot|woff|woff2)$/)
      .use("url-loader")
      .loader("url-loader")
      .tap((options) => {
        options = {
          // limit: 10000,
          name: "/static/fonts/[name].[ext]",
        };
        return options;
      });
  },
  // chainWebpack: (config) => {

  // 	忽略的打包文件
  // 	config.externals({
  // 		'vue': 'Vue',
  // 		'vue-router': 'VueRouter',
  // 		'vuex': 'Vuex',
  // 		'axios': 'axios',
  // 		'element-ui': 'ELEMENT',
  // 	});
  // 	const entry = config.entry('app');
  // 	entry.add('babel-polyfill').end();
  // 	entry.add('classlist-polyfill').end();
  // 	entry.add('@/mock').end();
  // },
  css: {
    extract: { ignoreOrder: true },
  },
  //开发模式反向代理配置，生产模式请使用Nginx部署并配置反向代理
  devServer: {
    port: 1777,
    headers: {
      "Access-Control-Allow-Origin": "*",
    },
    proxy: {
      "/api": {
        //本地服务接口地址
        target: "http://192.168.1.100/api",
        //远程演示服务地址,可用于直接启动项目
        //target: 'https://saber.bladex.vip/api',
        ws: true,
        pathRewrite: {
          "^/api": "/",
        },
      },
    },
  },
  // 自定义webpack配置
  configureWebpack: {
    output: {
      library: `${packageName}-[name]`,
      libraryTarget: "umd",
      jsonpFunction: `webpackJsonp_${packageName}`,
    },
  },
};