vue-cli3.0中vue.config.js的基本配置(去除esLint提示和解决build后静态文件路径报错)

2020-04-01 10:15:11

       vue-cli是开发vue项目必不可少的脚手架工具,3.0版本之前的目录结构是由config目录的,关于webpack配置的文件都放在该目录里面,而3.0版本之后做了一个大更新,webpack相关的默认配置都帮你集成到webpack的npm 包里面去了,官方提供的一种修改配置的方式就是开发者自己在项目的根目录(与src同层级的目录)下建立一个vue.config.js的文件,然后去覆盖自定义的配置,达到你想要的效果,下面写一个基本的默认配置,仅供参考:

module.exports = {
    publicPath:'./',//根路径 cli3.0以上使用publicPath替代baseUrl,解决build后找不到静态资源的问题
    //assetsDir:'assets',//静态资源目录(js,css,img,fonts)这些文件都可以写里面
    outputDir:'dist',//打包的时候生成的一个文件夹名
    lintOnSave:false//是否开启eslint保存检测 ,它的有效值为 true || false || 'error'
    /*
    //服务器请求相关的配置
    devServer:{
        open:true,//启动项目后自动开启浏览器
        host:'locahost',//对应的主机名
        port:8080,//端口号
        https:false,//是否开启协议名,如果开启会发出警告
        hotOnly:false,//热模块更新的一种东西,webpack中自动有过配置,但如果我们下载一些新            的模块可以更好的给我更新一些配置
        proxy:{
        //配置跨域
        '/api':{//配置跨域的名字
            target:'http//localhost:5000/api',//跨域的地址
            ws:true,
            changOrigin:true,//是否跨域
            pathRewrite:{//当前的名字
                '^/api':''
            }
          }
 
        }
        
    }*/
 }


  • 2017-03-13 12:07:19

    JavaScript原型与原型链分析

    JavaScript没有类的概念,但几乎所有的东西又是基于对象的,同时也能实现继承,这就是js跟其他OOP语言最大的不同之处,这也是js最难理解的一块。下面我来说说我个人的理解。

  • 2017-03-15 07:43:19

    NodeJS服务器”热部署“代码,实现动态调试

    如果你有 PHP 开发经验,会习惯在修改 PHP 脚本后直接刷新浏览器以观察结果,而你在开发 Node.js 实现的 HTTP 应用时会发现,无论你修改了代码的哪一部份,都必须终止Node.js 再重新运行才会奏效。这是因为 Node.js 只有在第一次引用到某部份时才会去解析脚本文件,以后都会直接访问内存,避免重复载入,而 PHP 则总是重新读取并解析脚本(如果没有专门的优化配置)。

  • 2017-03-16 13:37:58

    mysql中如何使用INSERT一次性插入多条记录

    看到这个标题也许大家会问,这有什么好说的,调用多次INSERT语句不就可以插入多条记录了吗!但使用这种方法要增加服务器的负荷,因为,执行每一次 SQL服务器都要同样对SQL进行分析、优化等操作。