vue-cli3的config配置

在开始使用vue-cli3的小伙伴们可能就会 发现，vue-cli3和vue-cli2在文件上有很多的不同，很多人开始都不太习惯。vue-cli3他是将很多文件都放在了node_modules里面。

很多小伙伴在遇到跨域问题时需要编辑config文件中的proxytable却找不到相对应的文件

对于这个问题我在这里说明一下，vue-cli3将一些配置信息都隐藏起来了，所以我们要自己创建这个文件。

具体创建方式是：

1、在根目录下创建一个新的文件夹vue.config.js，根目录在这里就相当于与src文件夹是并列的，在src文件夹外创建这个新的文件夹，有时候我们会将其创建到src里面去

2、然后在这个文件里写上相应的配置代码

这是我的代码：

module.exports = {
    publicPath: process.env.NODE_ENV === 'production' ? '/public/' : './',
    /* 输出文件目录：在npm run build时，生成文件的目录名称 */
    outputDir: 'dist',
    /* 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录 */
    assetsDir: "assets",
    /* 是否在构建生产包时生成 sourceMap 文件，false将提高构建速度 */
    productionSourceMap: false,
    /* 默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存，你可以通过将这个选项设为 false 来关闭文件名哈希。(false的时候就是让原来的文件名不改变) */
    filenameHashing: false