美文网首页
postcss-px-to-viewport在vue的使用

postcss-px-to-viewport在vue的使用

作者: locky丶 | 来源:发表于2020-02-13 17:18 被阅读0次

安装包

npm install postcss-px-to-viewport --save-dev

package.json配置

{
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  }
}

vue.config.js配置

const pxtoviewport = require('postcss-px-to-viewport')

module.exports = {
    css: {
        // 开启 CSS source maps?
        sourceMap: true,
        loaderOptions: {
          postcss: {
            plugins: [
              autoprefixer(),
              pxtoviewport({
                viewportWidth: 375
              })
            ]
          }
       }
    }
}

相关文章

网友评论

      本文标题:postcss-px-to-viewport在vue的使用

      本文链接:https://www.haomeiwen.com/subject/tcjlfhtx.html