之前在公司做的一个vue-cli3的项目打包出来的js文件一直都是0，1，2，3，4.js 这样的文件 而不是生成的hash数值。后来经过调查发现NODE_ENV的值是undefined。
因为这个项目配置的多环境 所以在根目录定义了很多环境的.env文件。
例如.env.pro .env.test。但是没有在当前文件中声明是开发环境还是打包环境。所以声明下 就可以了。

.env.pro 文件头部声明

NODE_ENV = 'production'

另外说下NODE_ENV的作用
node中有全局变量process表示当前node进程，process.env包含着关于系统环境的信息。但是process.env中并不存在NODE_ENV这个东西，NODE_ENV只是一个用户自定义的变量，当我们在服务启动时配置NODE_ENV,或在代码中给process.env.NODE_ENV赋值，js便能通过process.env.NODE_ENV获取信息

通常这个变量用来区分开发与生产环境，加载不同的配置.

开发环境的需求：

模块热更新 （本地开启服务，实时更新）
sourceMap (方便打包调试)
接口代理　 (配置proxyTable解决开发环境中的跨域问题)
代码规范检查 (代码规范检查工具)

生产环境的需求：

提取公共代码　 　　
压缩混淆(压缩混淆代码，清除代码空格，注释等信息使其变得难以阅读)
文件压缩/base64编码(压缩代码，减少线上环境文件包的大小)
去除无用的代码

开发环境和生产环境的共同需求：
同样的入口
同样的代码处理(loader处理)
同样的解析配置

# vue.js # 前端 # webpack
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue