修改距离路径的方法
一些抱怨
前端的世界真的很精彩，更新速度真的和火箭一样。没有一颗真正热爱它的心，真的很难走下去。Node之父Ryan Dahl前段时间发布了一个新的开源项目deno，受到了很多关注。Ryan Dahl直言节点是失败的，充满了bug和不合理的设计，让他无能为力。哦，我的上帝。可怜可怜我们的小前端。节点还没有开始，很快就会结束。
好吧，牢骚归牢骚，生活还得继续。生命是无穷无尽的，代码也是无穷无尽的。
webpack4
最近，在一个项目中，vue-cli被更新为3.x的最新版本。与此同时，webpack被更新为4.x.Webpack4在某些配置上已经得到了极大的简化。据说是受了最近流行的0配置开箱打包工具packaging的影响。官方也认为webpack配置有点麻烦。我尝试过，在一些小项目中，真的很酷。webpack4更新的详情可以在官网看到，这里就不贴了。Webpack4文档
vue-cli 3.x
使用新版本的vue-cli构建的项目目录也很清爽。我在构建时选择了手动功能。
然后，当项目打包并执行纱线构建时，打开dist目录的index.html发现资源加载不正确。
立即想到需要更改输入路径的地址。不好意思发现之前的构建和配置文件夹不见了。咨询后发现，如果需要自定义配置，需要在项目的根目录下添加一个Vue.config.js。在这个文件中，我们可以进行一些个性化的定制。
Module.exports={//基本路径baseUrl: '。/'，//生产环境是否生成sourceMap文件productionsourcemap: false，//服务器端口号devserver3360 {port3360 1234，}，}只需添加。在前一次手术之前。
详细配置
Module.exports={//基本路径baseUrl: '/'，//输出文件目录outputdir3360' dist '，//eslit-loader保存时是否检查lintonsave 3360是否为true，//使用带有浏览器内编译器的完整版本？//https://vuejs . org/v2/guide/installation . html # Runtime-Compiler-vs-Runtime-only Compiler : false，//webpack配置//参见https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md链web pack : ()={}，配置web pack : ()={}，//vue-loader配置项//https://vue-loader . vuejs . org/en/options . html vueloader : { }，//生产环境是否生成sourceMap文件productionSourceMap333//开放CSS源码地图？SourceMap: false，//css预设配置项loaderOptions: { }，//为所有css/预处理器文件启用CSS模块. modules : false}，//在生产构建中为babel TS使用线程加载器//如果机器有1个以上的内核需要并行处理：(' OS ')，则默认启用。CPU(). length 1，//是否启用dll//see https://github.com/vuejs/vue-CLI/blob/dev/docs/CLI-service . MD # dll-mode dll 3360 false，//PWA插件相关配置//see https://github.com/vuejs/vue-CLI/tree/dev/packages/@ vue/CLI-plugin-pwapwa 3360 { }，//webpack-dev-server相关配置devserver3360 {.}}以上在vue-cli 3.x中修改dist path的方法都是边肖分享的内容。希望能给大家一个参考，多支持我们。
