Angular CLI 6.0.3中--dev选项失效及构建文件名变更问题咨询
Angular CLI 6.0.3 构建问题解决方案
嘿,刚好对Angular CLI 6的版本变化比较熟悉,来帮你理清这两个问题:
1. --dev 参数报错的原因及修正
Angular CLI 6 开始彻底废弃了旧的 --dev 和 --prod 命令行参数,改用 --configuration(可简写为 -c)来指定构建环境配置。
你原来想切换到开发环境的需求,现在需要把构建脚本改成这样:
"build": "ng build --configuration development --output-path ../public/ui"
嫌长的话也可以用简写版本:
"build": "ng build -c development --output-path ../public/ui"
2. 构建文件名的变化是正常的
没错,CLI 6+ 确实调整了默认的产物命名规则:
- 默认执行
ng build时,会使用 production 环境配置,产物会启用 tree shaking、代码压缩、哈希后缀等优化,文件名简化为main.js、polyfills.js这类不带.bundle的形式; - 切换到
development环境后,文件名同样会简化,但不会添加哈希后缀,同时构建速度更快,更适合开发调试场景。
如果特别想找回旧的 .bundle 命名格式,可以去项目根目录的 angular.json 里,找到对应构建配置的 filenames 节点自定义模板,但其实没必要——新的命名是官方为了优化构建性能和产物加载效率设计的,更符合现代前端工程的最佳实践。
内容的提问来源于stack exchange,提问作者Manu Chadha
相关产品推荐
相关产品推荐

