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

来源：互联网发布：淘宝如何设置套餐价格编辑：程序博客网时间：2024/06/08 10:08

.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-devnpm install svg-sprite-loader --save-dev

阅读全文

1 0