您的位置:首页 > 其它

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

2017-07-13 14:19 281 查看




.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" ,
8ef7
{ libraryName : "antd-mobile" , "libraryDirectory" : "lib" , "style" : "css" }
]
] ,
env : {
development : {
extraBabelPlugins : [
"dva-hmr"
]
}
}
};


最后一步,安装依赖

npm install postcss-pxtorem --save-dev
npm install [code]svg-sprite-loader --save-dev
[/code]

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: