iot-platform-room/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: 1888,
		headers: {
			'Access-Control-Allow-Origin': '*',
		},
		proxy: {
			'/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}`,
		}
	},
};