经过一番折腾重要搞定了。首先需要安装postcss-plugin-px2rem。npm install --save-dev postcss-plugin-px2rem我的webpack工程中没有webpack.config.js,倒是有webpack.base.config.js文件。从这个文件中得知 vue结尾文件引用vue-loader.config.js中的配置，如下便这个文件。下面的第5、19-21行为自己添加。rootValue中的75为 1rem所对应的px；默认为100，我这里改为75。复制代码 1 ‘use strict‘ 2 const utils = require(‘./utils‘) 3 const config = require(‘../config‘) 4 const isProduction = process.env.NODE_ENV === ‘production‘ 5 var px2rem = require(‘postcss-plugin-px2rem‘); 6 module.exports = { 7 ??loaders: utils.cssLoaders({ 8 ????sourceMap: isProduction 9 ??????? config.build.productionSourceMap10 ??????: config.dev.cssSourceMap,11 ????extract: isProduction12 ??}),13 ??transformToRequire: {14 ????video: ‘src‘,15 ????source: ‘src‘,16 ????img: ‘src‘,17 ????image: ‘xlink:href‘18 ??},19 ????postcss: function () {20 ????return [px2rem({rootValue:75})];21 ??}22 }转自：https://www.cnblogs.com/wsy6566/p/7724582.html在webpack中使用postcss-px2rem的
原文地址：http://www.cnblogs.com/sxz2008/p/8099670.html