You need to enable JavaScript to run this app. 如何在Ionic v5+Vue项目中通过ionic build执行开发模式构建
优惠活动
大模型
产品
解决方案
定价
更多

如何在Ionic v5+Vue项目中通过ionic build执行开发模式构建

问题1 实现ionic build执行开发模式构建的方法

Ionic CLI 不会自动将自身接收的参数透传给底层调用的前端框架构建工具,你需要用*双破折号(--)*分隔Ionic自身参数和要传给vue-cli-service的参数,正确命令如下:

ionic build -- --mode development

你之前直接加--mode development的写法里,参数被Ionic CLI识别为自身参数(自身无对应配置就直接忽略),没有传递给vue-cli-service,所以始终默认走生产构建。你测试过的-lcs参数是针对应用运行时的调试参数,对build命令的构建模式无影响。

问题2 生产模式构建跳过代码压缩的方法

有两种常用实现方式:

  • 方式一:修改项目根目录下的vue.config.js配置,直接关闭压缩开关,配置示例如下:
module.exports = {
  configureWebpack: {
    optimization: {
      minimize: false
    }
  }
}

修改后直接执行正常的ionic build生产构建,就不会压缩代码。

  • 方式二:通过透传参数的方式直接在构建命令中关闭压缩,不需要修改配置文件,命令如下:
ionic build -- --no-minify

内容的提问来源于stack exchange,提问作者obe

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.15 20:45:04