ant-design-mobile高清方案以及svg配置

.roadhogrc.js内容如下

const path = require('path');
const svgSpriteDirs = [
  require.resolve('antd-mobile').replace(/warn\.js$/, ''), // antd-mobile 内置svg，
  // 业务代码本地私有 svg 存放目录path.resolve(__dirname, 'src/my-project-svg-foler'),
];
const pxtorem = require('postcss-pxtorem');
export default {
  entry : "src/index.js" ,
  disableCSSModules : false ,
  publicPath : "/" ,
  theme : "" ,
  svgSpriteLoaderDirs : svgSpriteDirs ,
  autoprefixer : {
    browsers : [
      "iOS >= 8" ,
      "Android >= 4"
    ]
  } ,
  proxy : { } ,
  extraPostCSSPlugins : [
    pxtorem( {
      rootValue : 100 ,
      propWhiteList : [] ,
    } ) ,
  ] ,
  extraBabelPlugins : [
    "transform-runtime" ,
    [
      "import" ,
      { libraryName : "antd-mobile" , "libraryDirectory" : "lib" , "style" : "css" }
    ]
  ] ,
  env : {
    development : {
      extraBabelPlugins : [
        "dva-hmr"
      ]
    }
  }
};

最后一步，安装依赖

npm install postcss-pxtorem --save-dev
npm install svg-sprite-loader --save-dev