Vue-CLI3.0全局配置vue.config.js

  • vue-cli3.0移除了2.0一些繁杂的配置，如果需要配置需要在根目录创建vue.config.js文件

  • 在package.json中可以看到一个这样的配置

image.png

  • vue-cli-service可以在node_modules中可以看到


    image.png

    文件中有一个Serve指向lib文件夹中的Serveice.js


    image.png

    在该js文件中可以找到为什么可以使用config.vue.js来配置
    作为可接受配置

  • 配置vue.config.js文件夹

官方配置参考

配置例子：

module.exports = {
    publicPath: './', //部署应用包时的基本 URL，将路径改为相对路径，在打包完成后可直接打开index.html不需要部署服务器环境
    outputDir: 'myDist', // 改变打包后生成的包名
    devServer: {
        port: '9090' // 改变运行serve后的端口
    }
}

  • 端口号变为了9090

运行后

  • build后生成的文件夹名称改为了myDist

image.png

  • 没修改配置前的dist和修改后的myDist的比较，路径改为相对路径

image.png
image.png
可直接打开index.html文件
image.png

  • 如果需要更多配置可以去官方文档查看，也可以点击前往

OK，搞定

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容