vue.config.js -- 初识

最新推荐文章于 2024-08-08 22:20:54 发布

金憨憨_

最新推荐文章于 2024-08-08 22:20:54 发布

阅读量252

点赞数

分类专栏： webpack vue 文章标签： vue config

本文链接：https://blog.csdn.net/qq_40573810/article/details/119754915

版权

vue.config.js 是 Vue CLI 项目的可选配置文件，用于设置应用部署的基础 URL、输出目录、静态资源目录等。关键选项包括：publicPath、outputDir、assetsDir、lintOnSave、productionSourceMap、integrity、configureWebpack 和 chainWebpack。此外，devServer 选项允许自定义开发服务器配置。

摘要由CSDN通过智能技术生成

vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。
这个文件应该导出一个包含了选项的对象：如下

module.exports = {
   
  // 选项...
}

常见选项

1、publicPath 部署应用包时的基本 URL
默认为 ‘/’
用法和 webpack 本身的 output.publicPath 一致，但是 Vue CLI 在一些其他地方也需要用到这个值，所以请始终使用 publicPath 而不要直接修改 webpack 的 output.publicPath。
默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.my-app.com/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.my-app.com/my-app/，则设置 publicPath 为 /my-app/
2、outputDir 打包的文件目录
默认为 ‘dist’,
在我们进行打包的时候，会先将该目录清楚再构建。(构建时传入