site-front/config/config.js

const path = require('path');
module.exports = {
	/**
	 * @description 静态资源存放路径
	 * @type string
	 * @default "assest"
	 */
	outPutDir: 'dist',
	publicPath: '/',
	assetsDir: 'assest',
	/**
	 * @description 配置开发服务器
	 *
	 */
	devServer: {
		port: 8080, // 默认运行端口
		host: '127.0.0.1',
		proxy: {
			'/api': {
				target: 'http://47.108.135.38:61004',
			},
		}, //转发方式
	},
	/**
	 * @description 打包入口(如果同时配置了pages,则将忽略entry)
	 * @type string
	 * @default path.resolve(__dirname, '../src/index.tsx')
	 */
	entry: path.resolve(__dirname, '../src/index.tsx'),
	/**
	 * @description 多页面配置
	 * @type object|undefind
	 * @default {}
	 *
	 */
	pages: {
		// index: {
		//   // page 的入口
		//   entry: path.resolve(process.cwd(), 'src/index.tsx'),
		//   // 模板来源
		//   template: path.resolve(process.cwd(), 'config/index.html'),
		//   // 在 dist/index.html 的输出
		//   filename: 'index.html',
		//   // 当使用 title 选项时，
		//   // template 中的 title 标签需要是
		//   title: 'Index Page',
		//   // 在这个页面中包含的块，默认情况下会包含
		//   chunks: ['index'],
		// },
	},
	/**
	 * @description 配置别名，对引用路径进行映射
	 */
	alias: {},
	/**
	 * @description 模块分析结构
	 * @description 如果传递false,则代表不开启代码分析插件，true则代表启用默认配置
	 * @description 如果传递对象则代表启用默认配置，也可自定义配置
	 * @type Boolean| {}
	 *
	 */
	analyze: false,
	/**
	 * @description 设置autoprefixer 配置项
	 */
	autoprefixer: {},
	/**
	 * @description cssloader 相关的配置
	 */
	cssLoader: {},
	// less相关配置项
	lessLoader: {},
	// styleloader 相关配置项
	styleLoader: {},
	//sassloader 相关配置项
	sassLoader: {},
	/**
	 * @description postloader 相关配置项
	 *
	 */
	postcssLoader: {},
	postCssAutoresetOptions: {
		reset: 'sizes',
	},
	/**
	 * @description 配置额外的postcss插件
	 * @default []
	 */
	extraPostCSSPlugins: [
		require('postcss-pxtorem')({
			rootValue: 18,
			propList: ['*'],
			minPixelValue: 12,
			exclude: /node_modules/i,
		}),
	],
	//设置要复制到输出目录的文件或文件夹。
	copy: [],

	devtool: '',
	//设置哪些模块可以不被打包
	externals: {},
	//配置额外的babel打包插件
	extraBabelPlugins: [
		[
			'import',
			{
				libraryName: 'antd',
				style: 'css',
			},
		],
	],
	//配置额外的babel预设
	extraBabelPresets: [],
	// 配置额外的webpack 插件
	extraPlugins: [],
	// 配置favicon 地址
	favicon: '',
	// 开启ts 编译时的类型检查，默认开启
	forkTSChecker: {},
	// 配置是否让生成的文件包含hash后缀
	hash: true,
	//配置图片文件是否走base64的编译的阈值
	inlineLimit: 10000, //10k
};