vue-cli3打包之后的文件为何不能本地打开
vue cli3项目打包部署到tomcat服务器运行 -
步骤：一、找到文件vue.config.js，没有则自己创建一个二、编写vue.config.js的内容三、修改路由方式，修改为hash，文件位置自己找，vuecli3中在router.ts文件中四、添加空路由找到编译好的文件夹，如果作为独立项目，直接拷贝后放到Tomcat里即可，如果是放到另外一个项目中使用，则拷贝到其它项目后面会介绍。
publicPath: './'
步骤：一、找到文件vue.config.js，没有则自己创建一个二、编写vue.config.js的内容三、修改路由方式，修改为hash，文件位置自己找，vuecli3中在router.ts文件中四、添加空路由找到编译好的文件夹，如果作为独立项目，直接拷贝后放到Tomcat里即可，如果是放到另外一个项目中使用，则拷贝到其它项目后面会介绍。
publicPath: './'
public放引入别人的文件，基本不会动的文件如：iconfont、外部第三方文件解释：public/ 目录下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（默认是dist/static）下。必须使用绝对路径引用这些文件，这个取决于你vue.config.js中publicPath的配置，默认的是/。assets放自己写的css、js文是什么。
package.json scripts 配置serve 命令不携带--mode 时，默认运行环境为development build 命令不携带--mode 时，默认运行环境为production 可根据当前环境写死，也可在环境配置文件中，加入打包到的文件夹名（有多个环境的时候比较方便）。vue.config.js 配置打包出来的文件不提交到git 的话后面会介绍。
vuecli3打包部署 非根目录下 配置vue.config.js publicPath -
从Vue CLI 3.3 起已弃用baseUrl，请使用publicPath。默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 等我继续说。
从上图的分析包中，可以将以下插件抽离：需要删除的依赖包VueCLI3自带了webpack analzer ,可通过如下命令即可生成分析包内容，在dist/report.html 更多请查看： 减少打包体积、加快打包速度，常规的优化有以下两种：按说完了。
vue-cli3兼容ie9及以上 -
--save-dev 在vue.config.js中引入babel-polyfill 在babel.config.js中引入配置配置完之后在ie中打开会出现空白现象，在打开控制台的情况下，在刷新就会出现页面了，对于这个问题是ie的控制台脚本保护机制，我们需要重新定义console.log：在加载的index.html，对console做判断（放在标签前面）
方法一 设置请求头，禁止缓存方法二 get请求的参数中增加时间戳或是随机数和vue-cli2 兼容IE )一样有一个项目使用了 element-ui ，其中有一个场景是表单验证修改一个信息，发现 v-model 不能响应退格键，不知道是ele原因还是vue的原因，解决方案整理中未完待续等我继续说。
vue-loader与vue-cli3 -
查看文档 Vue Loader 是一个webpack 的loader(在vue-cli中已自动集成)，以下功能都依赖于Vue Loader:当Vue Loader 编译单文件组件中的 <template> 块时，它也会将所有遇到的资源URL 转换为 webpack 模块请求。因此动态添加/更改的资源非绝对路径需要使用require 处理。默认下列标签/特希望你能满意。
它之所以易于安装，是因为它会被编译成纯js，可以直接在node环境中使用。尽管与基于libsass的版本相比，其运行速度稍慢，但这种速度差异微乎其微。目前整个社区都在接受dart-sass，我们也没有理由拒绝它。事实上，dart-sass大大简化了用户的安装成本。目前vue-cli在默认选择sass预处理器时，也会优先使用还有呢？