vue.config.js基本配置模板及详解

❝关于vue.config.js 的配置,总是需要重复去配置,所以严老湿呢,给大家带来一个简单的小模版,顺带细致讲解一下,最下面有全部集合,我们不是代码的创造者,我们只是代码的搬运工❞部...
摘要由CSDN通过智能技术生成

关于vue.config.js 的配置,总是需要重复去配置,所以严老湿呢,给大家带来一个简单的小模版,顺带细致讲解一下,最下面有全部集合,我们不是代码的创造者,我们只是代码的搬运工

部署应用包的基本URL

// 部署生产环境和开发环境下的URL:可对当前环境进行区分,baseUrl 从 Vue CLI 3.3 起已弃用,要使用publicPath
publicPath: process.env.NODE_ENV === "production" ? "./" : "./"

生产环境构建文件的目录 defalut: dist

outputDir: "dist",

放置生成的静态文件目录(js css img)

assetsDir: "static",

指定生成的index.html 输出路径 相对 default: index.html

indexPath: "index.html",

指定生成文件名中包含hash default: true

filenam
  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用和引用[2]提供了关于vue.config.js配置的详细介绍和示例代码。vue.config.js是一个用于配置Vue项目的文件,主要用于修改Webpack的配置和其他一些项目设置。在这个文件中,你可以设置诸如webpack配置、打包输出路径、静态资源路径、是否生成源映射等等。为了更好地理解vue.config.js配置,我会分步骤来介绍一些常用的配置选项。 首先,我们可以使用configureWebpack选项来修改Webpack的配置。比如,要在生产环境中修改配置,可以通过设置config.mode为'production'来指定模式。而config.performance则可以用来设置打包文件的大小限制。引用中的代码示例展示了如何进行这样的配置。 其次,我们还可以使用chainWebpack选项来链式操作Webpack的配置。在这里,你可以通过config.resolve.alias来设置路径别名,以方便你在项目中引用模块。比如,可以使用.set('@', resolve('src'))来将'@'设置为指向'src'目录的别名。 另外,如果你想对打包后的文件进行压缩,你可以使用CompressionWebpackPlugin插件。引用中的代码示例展示了如何在vue.config.js中引用该插件,并使用它进行压缩。 综上所述,vue.config.js提供了丰富的配置选项,可以让你对Vue项目进行灵活的配置和定制。你可以根据项目需求来设置不同的选项,以满足你的开发和生产需求。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值