1.使用vue-cli构建项目打包后字体引用路径不对

打包之前 的文件目录：

打包之后的文件目录： 

  
  

   
   dist
├── index.html
└── static
    ├── fonts
  
  

  
  

   
       ├── css
    ├── img
    └── js
使用 vue build 之后做网站请求，发现 woff 字体无法获取，调试发现：
真实路径应该是
xxx/static/fonts/icomoon.0125455.woff
浏览器实际加载路径为：
xxx/static/css/static/fonts/ icomoon.0125455.woff  
解决方法：
webpack 配置问题
在 build/webpack.prod.conf.js 中 extract :true 改为 fasle即可。 
  module: {
    rules: utils.styleLoaders({
      sourceMap: config.build.productionSourceMap,
      extract: false
    })
  },
地址：https://github.com/iview/iview/issues/515

Logo
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}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue