byte-sailing-mes/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',b                                    
  // 		'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://36.134.91.96:10001/api',
        // target: 'https://cfm.bytesail.cn/api',
        //远程演示服务地址,可用于直接启动项目
        //target: 'https://saber.bladex.vip/api',
        ws: true,
        pathRewrite: {
          '^/api': '/',
        },
      },
    },
  },
  // 自定义webpack配置
  configureWebpack: {
    output: {
      library: `${packageName}-[name]`,
      libraryTarget: 'umd',
      jsonpFunction: `webpackJsonp_${packageName}`,
    },
  },
}