vue-cli3中 vue.config.js 文件 --本地版本@vue/cli ^3.3.0

@vue/cli ^3.3.0

	module.exports = {
		//部署应用的基本url  可用 process.env.NODE_ENV 环境变量控制
		publicPath : './',
		//指定生产环境目录
		outputDir : 'dist',
		//指定生成静态资源的生成目录
		assetsDir : 'static',
		//指定生成的index.html的输出名
		indexPath : 'index.html',
		//生成静态资源文件名包含hash以更好的控制缓存
		filenameHashing : true,
		//是否在开发环境下通过 eslint-loader 在每次保存时 lint 代码。这个值会在 @vue/cli-plugin-eslint 被安装之后生效
		lintOnSave : false,
		// use the full build with in-browser compiler?
		// https://vuejs.org/v2/guide/installation.html#Runtime-Compiler-vs-Runtime-only
		// compiler: false,
		// webpack配置
		// see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
		//是一个函数，会接收一个基于 webpack-chain 的 ChainableConfig 实例。允许对内部的 webpack 配置进行更细粒度的修改。
		chainWebpack : ( config ) => {
			config.resolve
			      .alias
			      .merge({
				      '@views' : '@/views',
				      '@component' : '@/components'
			      }).end()
		},
		//这个值是一个对象，则会通过 webpack-merge 合并到最终的配置中。
		configureWebpack : {
			performance : {
				hints : false
			},
			plugins : []
		},
		//是否使用包含运行时编译器的 Vue 构建版本
		//设置为 true 后你就可以在 Vue 组件中使用 template 选项了，但是这会让你的应用额外增加 10kb 左右。
		runtimeCompiler : false,
		//如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
		productionSourceMap : false,
		css : {
			//是否将组件中的 CSS 提取至一个独立的 CSS 文件中 (而不是动态注入到 JavaScript 中的 inline 代码)。
			extract : process.env.NODE_ENV === 'production' ? false : true,
			// 开启 CSS source maps?
			sourceMap : false,
			// css预设器配置项
			loaderOptions : {},
			// 启用 CSS modules for all css / pre-processor files.
			modules : false
		},
		// use thread-loader for babel & TS in production build
		// enabled by default if the machine has more than 1 cores
		parallel : require('os').cpus().length > 1,
		//向 PWA 插件传递选项。
		pwa : {},
		//这是一个不进行任何 schema 验证的对象，因此它可以用来传递任何第三方插件选项
		pluginOptions : {},
		//开发服务配置
		devServer : {
			port : '7777',
			overlay : {
				warnings : true,
				errors : true
			}
		}
	}