摘要：
本文目录一览：1、vue项目如何打包上线--笔记2、vue3多页面运行与打包... 本文目录一览：
vue项目如何打包上线--笔记
1、首先，目录调整。根目录创建两个文件夹packages和examples，更改配置项。更改目录结构后，vue项目是无法启动的，此时需更改配置项。其次vue.js插件。在packages文件夹下新建index.js文件，该文件作为整个包的入口文件。
2、Vue项目部署到服务器的方法有很多种，这里提供一种简单的方法： 首先，确保您的服务器已经安装了Node.js和npm。 然后，使用Vue CLI创建一个新的Vue项目。 打包Vue项目，生成dist文件夹。
3、地址链接：vue-cli 如何打包上线先来描述一下期间遇到的问题有哪些：打包后将 dist 文件夹和 index.html 放到 tomcat，在浏览器中访问时，出现空白页，f12 提示 404。
4、默认情况下该命令不会将 Vue 打包进去，因为任何引用我们库的Vue项目都默认包含 Vue ，如果使用文件或者CDN方式引入我们的库，则需要使用者手动引入 Vue 。可以通过添加 --inline-vue 参数来内置 Vue 。
5、比如前置是： ，后置是 ，实现方式：做IP代理。
6、在Vue项目中引入另一个JS项目：在Vue项目的入口文件（如main.js）中，使用import语句引入另一个JS项目的入口文件或模块。
vue3多页面运行与打包
serve 命令不携带 --mode 时，默认运行环境为 development build 命令不携带 --mode 时，默认运行环境为 production 可根据当前环境写死，也可在环境配置文件中，加入打包到的文件夹名（有多个环境的时候比较方便）。
vue自动配置打包完后通常只有一个html页面，如果我们想要打包出两个页面怎么办呢？只需要修改webpack的配置，下边是我的项目截图，供参考 在vue.config.js中配置 其中entry为文件引用路径，template为打包后文件名字及位置。
比如前置是： ，后置是 ，实现方式：做IP代理。
通过快捷方式打开VisualStudioCode工具，然后新建静态页面。创建一个静态页面table.html，并添加页面代码，然后保存，使用浏览器查看。点击File菜单，选择OpenFolder，将项目导入到VisualStudioCode。
从 Vue CLI 3 起已弃用baseUrl，请使用publicPath。默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https：// 。
在vue中静态资源如何打包
您可以使用 Vue CLI 脚手架来打包单独的 JS 文件。在构建目标中，打包为库的功能可以完美解决您的问题。
这种写法也是不可以的，原因是你的静态资源文件static不在src目录，而在vue中src目录是相对根目录是src目录，所以如果你想用上面的写法，必须要把static放在src目录下。
将打包后的dist文件夹复制到Vue项目中：将另一个JS项目打包后生成的dist文件夹复制到Vue项目的根目录下，或者将其放置在Vue项目的静态资源文件夹（如public或assets）中。
地址链接：vue-cli 如何打包上线先来描述一下期间遇到的问题有哪些：打包后将 dist 文件夹和 index.html 放到 tomcat，在浏览器中访问时，出现空白页，f12 提示 404。
静态资源可以通过两种方式进行处理：在 JavaScript 被导入或在 template/CSS 中通过相对路径被引用。这类引用会被 webpack 处理。放置在 public 目录下或通过绝对路径被引用。
