如何在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
相关产品推荐
相关产品推荐

