vue-解决打包后资源文件路径出错的问题

一、打包命令二、方法如下三、打包后的入口index.html四、参考一、打包命令vue项目打包执行的命令是npm run build，即执行package.json中定义的build.js文件。二、方法如下1、在webpack输出的发布路径中加入"."开头的相对路径，以供浏览器识别。2、覆盖此加载程序的publicPath设置 ...

harmsworth2016

9300人浏览 · 2018-07-10 23:03:27

harmsworth2016 · 2018-07-10 23:03:27 发布

一、打包命令
二、方法如下
三、打包后的入口index.html
四、参考

一、打包命令

vue项目打包执行的命令是npm run build，即执行package.json中定义的build.js文件。

这里写图片描述

二、方法如下

1、在webpack输出的发布路径中加入"."开头的相对路径，以供浏览器识别。

这里写图片描述
2、覆盖此加载程序的publicPath设置
2.1webpack版本2.x及以上

2.2webpack版本1.x

三、打包后的入口index.html

![这里写图片描述](https://img-blog.csdn.net/20180710230133518?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2hhcm1zd29ydGgyMDE2/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)

四、参考

http://www.cnblogs.com/chendc/p/7380641.html
https://www.npmjs.com/package/extract-text-webpack-plugin
https://github.com/vuejs/vue-loader/issues/481

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^