Vue2 モバイルへの適応

postcss-pxtorem と amfe-flexible の使用

コマンドラインインストール

npm i amfe-flexible -S
npm i postcss postcss-pxtorem --save-dev

インデックス.html内

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

メイン.js

import 'amfe-flexible/index'

postcss.config.js内

module.exports = {
  plugins: {
    'postcss-pxtorem': {
      rootValue: 37.5,
      propList: ['*'],
    },
  },
};