vuecli打包,vue打包机制

vuecli打包,vue打包机制

生成adist文件夹，将这个文件夹中的文件直接复制到nginx服务器目录下，然后就可以打开项目了，但是只能看到首页，如果再次刷新，就会出现404，所以vue项目是单页应用。 ，由于找不到路线而导致。 VueCLI打包生成JS文件名的规则如下：1.单入口文件：如果只有一个入口文件，则打包后的JS文件将以`chunk-vendors`和`app`前缀命名，例如：```chunk-vendors.xxx

在vue.config.js中配置执行命令，就可以npmrunbuild了。可以很明显的看到，相比Gzip压缩后的打包要小很多。但是，这样，我们在执行servedist的时候，是打不开我们打包好的项目的。我们把依赖项放进去，那么打包命令的值build:test我们配置的就是"vue-cli-servicebuild--modetest"。--mode之后的test必须和file.env.test一致，以便我们的打包命令可以找到环境。

这个install方法会在两个地方被调用，分别是app.use()和引入组件的时候。有兴趣的同学可以阅读Vue3的函数&app.use和installfunctions2.2配置packages.json&1.打包命令是npmrunbuild，这个命令实际上不在package.json中，该命令对应的是scripts中的build；2.创建一个prod.server.js，这个文件不是必须的，这个文件的目的是opassStartnode.js

如果是vue-cli（不是简单的脚手架），这篇文章可能会有所帮助。 地址链接：vue-cli如何打包并上线首先描述一下过程中遇到的问题：1.打包后，将dist文件夹和index.html放到一起。打包命令在终端或命令行输入以下命令来打包Vue-cli项目：npmrunbuild这个命令会将我们的Vue项目打包成一个静态文件。 打包成功后，静态文件将保存在项目根目录下。