vue-cli3创建的vue项目 使用 lib-flexible 和 px2rem-loader

1.vue 使用 lib-flexible

1)项目中安装 lib-flexible

npm install lib-flexible --save

2)在项目的入口 main.js 中引入 lib-flexible  

import 'lib-flexible/flexible.js'

2.安装px2rem-loader

npm install px2rem-loader --save-dev

打开vue.config.js,加入下面这行代码

css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require('postcss-pxtorem')({
            rootValue : 37.5, // 换算的基数
            propList  : ['*'],
          }),
        ]
      },
      less: {
        javascriptEnabled: true,
      }
    }
  }

如果不希望被转成rem,只要在后面写上注释 /* no*/

上一篇:vue/cli3 配置相对路径


下一篇:Vue-cli3烦人的eslint