引导者本文目录一览：
- 1、webpack4和webpack3在vue中动态加载路由的区别
- 2、vue3多页面运行与打包
- 3、详解基于vue-cli3.0如何构建功能完善的前端架子
- 4、vue.config.js中的webpack配置,优化及多页面应用开发
webpack4和webpack3在vue中动态加载路由的区别
在webpack3中是支持import这样动态引入路由的。而在webpack4中还使用import的方式引入动态路由则会报错了 欢迎各位大佬指正错误。
第三种是单独路由独享组件。 mint-ui是什么？如何使用？ 它是基于 Vue.js的前端组件库。用npm安装，然后通过 import导入样式和JavaScript代码。
第二种：组件内的钩子；第三种：单独路由独享组件scss是什么？安装使用的步骤是？有哪几大特性？预处理css，把css当前函数编写，定义变量，嵌套。
vue-cli 是 Vue 早期推出的一款脚手架，使用 webpack 创建 Vue 项目，可以选择安装需要的各种插件，比如 Vuex、VueRouter等。vue-cli 用于创建 vue2 的项目；vue/cli 用于创建 vue3 的项目，当然也支持 vue2。
估计是webpack的devServer配了 historyApiFallback ，该配置可以在url返回404的时候自动跳转到 index.html 。所以就一直走了 index.html 的路由。所以这个问题不是 vue-router 的问题，而是devServer路由跳转的问题。
vue3多页面运行与打包
在vue.config.js中配置 其中entry为文件引用路径，template为打包后文件名字及位置。
serve 命令不携带 --mode 时，默认运行环境为 development build 命令不携带 --mode 时，默认运行环境为 production 可根据当前环境写死，也可在环境配置文件中，加入打包到的文件夹名（有多个环境的时候比较方便）。
解决方法如下：本地项目利用WebStrom做开发，vue框架。2，项目在开发模式下运行（npmrundev），各功能表现的按照预期，主流浏览器（chrome，firefox，QQ，360，搜狗）兼容性良好。
详解基于vue-cli3.0如何构建功能完善的前端架子
以及生产环境可用的构建版本vue-cli的使用（1）安装vue-cli打开终端窗口即打开cmd(win+R快捷键)在里面输入以下内容npm install -g @vue.cli在这篇文章中我们需要安装vue-cli的版本3或者是更高的版本。
这个技术在一些以内容为主的APP和网页应用较多，接下来我们以一个简单的Vue工程为例，一起探索如何在基于Vue的SPA项目中实现骨架屏。
本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。开发环境搭建完成。
vue.config.js中的webpack配置,优化及多页面应用开发
1、x初始化项目后没有了build和config文件，如果你想对webpack相关内容进行配置，需要自己在根目录下(与package.json同级)创建一个vue.config.js文件，这个文件一旦存在，那么它会被 @vue/cli-service 自动加载。
2、configureWebpack chainWebpack Css相关配置 devServer 如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。
3、但是vue不止可以做单页面，它还可以做多页面，如果要做多页面的话需要对他的依赖，也就是webpack就是重新配置才可以。本文将详细讲webpack的配置。
