npm run dev时岁月静好,npm run build直接翻车?
这五个坑坑了多少前端人。
环境变量突然叛变,压缩工具秒变杠精,打包命令当场失踪,都是血泪教训。
见过同事.env文件写得漂漂亮亮,dev跑得飞起,build完接口全挂。
一查发现这货把VUE_APP_API写成VUE_API,生产环境直接装瞎。
开发环境读.env.development,生产读.env.production,变量名必须带VUE_APP_前缀,少个下划线都认不得你。
cross-env倒是能救场,但架不住有人非在package.json里埋雷。
package.json里build命令写错最冤。
脚本明明叫build:dev,非得敲npm run build dev。
终端直接甩脸:script not found!
还有人根本没写build脚本,npm run build直接报missing script。
文件权限也能搞事情,node_modules放错目录直接原地爆炸。
有人删了全局node_modules才消停。
代码压缩工具更是个狠角色。
开发时babel-loader默默擦屁股,build时TerserPlugin直接掀桌。
ES6+语法?
可选链操作符?
通通按地上摩擦。
Electron项目更刺激,webSecurity不关掉,打包完直接给你弹安全警告。
这些坑踩中一个就够折腾半天。
环境变量用前缀锁死,脚本命令拿胶带贴显示器上,node_modules定期清理,安全策略该关就关。
说多了都是泪,懂的都懂。
谁没在深夜对着build报错抓狂过呢。
配置检查三遍起,删node_modules玄学重启,终极方案重装系统。
前端这行,打包成功比发工资还让人激动。
