element admin构建和发布

构建
当项目开发完毕,只需要运行一行命令就可以打包你的应用:

# 打包正式环境
npm run build:prod

# 打包预发布环境
npm run build:stage
构建打包成功之后,会在根目录生成 dist 文件夹,里面就是构建打包好的文件,通常是 ***.js 、***.css、index.html 等静态文件。

如果需要自定义构建,比如指定 dist 目录等,则需要通过 config的 outputDir 进行配置。


#环境变量
所有测试环境或者正式环境变量的配置都在 .env.development等 .env.xxxx文件中。

它们都会通过 webpack.DefinePlugin 插件注入到全局。

注意!!!

环境变量必须以VUE_APP_为开头。如:VUE_APP_API、VUE_APP_TITLE

你在代码中可以通过如下方式获取:

console.log(process.env.VUE_APP_xxxx)

#分析构建文件体积
如果你的构建文件很大,你可以通过 webpack-bundle-analyzer 命令构建并分析依赖模块的体积分布,从而优化你的代码。

npm run preview -- --report
运行之后你就可以在 http://localhost:9526/report.html 页面看到具体的体积分布