第五周 | Marsorsun

新的项目使用 vue cli3 搭建，适配选折的是根据 vw 进行适配，写还是写 px 只是使用了 postcss 的相关插件

  "postcss": {
    "plugins": {
      "postcss-import": {},
      "postcss-mixins": {},
      "postcss-aspect-ratio-mini": {},title:  flask vue socket
date: 2019/03/10
tags:	
	- 项目
      "postcss-write-svg": {},
      "postcss-cssnext": {},
      "postcss-px-to-viewport": {
        "viewportWidth": 375,
        "viewportHeight": 667,
        "unitPrecision": 3,
        "selectorBlackList": [
          ".ignore",
          ".hairlines"
        ],
        "minPixelValue": 1,
        "mediaQuery": false
      }
    }
  },

最主要的就是 postcss-px-to-viewport，使用插件有两个坑，第一个是使用的 postcss-write-svg 将其写在了 postcss-mixins 的前面哎

报错是 Cannot read property ‘forEach’ of undefined 等一大窜当时就蒙了，这是啥报错，我当时感觉自己啥都没有干啊，就只是添加了一个插件就报错，删除这个插件了就没事，一度觉得是别人的插件有问题，幻想着可以提 issue。。。后面想到在之前使用 vue-socket 由于使用顺序而导致踩坑想到是一部是插件使用是的顺序问题，果然将其放在 postcss-mixins 后问题完美解决。

第二个是 postcss-url 自己当时搭建项目是参考了大漠的如何在Vue项目中使用vw实现移动端适配于是和自然是用了这个插件，但是当时并不知道他会干嘛。于是我就与之前在一样在 css 中使用 url 便出现了问题，