如何使用postcss-pxtorem

[sorrycc]

如何使用postcss-pxtorem

[sorrycc]

一样的，roadhog 支持 webpack.config.js。

[semicoder]

那webpack.config.js 和 .roadhogrc 是同时配置使用的还是只能单独使用?
能给个现在版本的使用webpack.config.js的例子吗?

之前这么写的, 关闭了css moudle(不好用，不知道怎么和ui库配合使用，覆盖样式之类的)

const pxtorem = require('postcss-pxtorem');
const webpack = require('atool-build/lib/webpack');

module.exports = function(webpackConfig, env) {
  webpackConfig.babel.plugins.push('transform-runtime');

  // Support hmr
  if (env === 'development') {
    webpackConfig.devtool = '#eval';
    webpackConfig.babel.plugins.push('dva-hmr');
  } else {
    webpackConfig.babel.plugins.push('dev-expression');
  }

  // Don't extract common.js and common.css
  webpackConfig.plugins = webpackConfig.plugins.filter(function(plugin) {
    return !(plugin instanceof webpack.optimize.CommonsChunkPlugin);
  });

  // Support antd
  webpackConfig.babel.plugins.push(['import', {
    libraryName: 'antd-mobile',
    style: 'css'
  }])

  webpackConfig.externals ={
    'AMap': 'AMap',
    'wx': 'wx',
    'OSS': 'OSS'
  }

  webpackConfig.postcss.push(pxtorem({
    rootValue: 100,
    propWhiteList: [],
  }));

  return webpackConfig;
};

[sorrycc]

可以同时用的，webpack.config.js 的配置在 .roadhogrc 之后。

[sorrycc]

有问题再 reopen

[jozhi]

@sorrycc 有个问题： .roadhogrc 中如何配置 pxtorem。
@semicoder 贴出来的代码我试用了下发现有 bug： webpackConfig.postcss 的类型是 function，导致 push 方法报错，这个可能是哪里的问题？

roadhog的版本是 0.5.2

[sorrycc]

@jozhi 用 extraPostCSSPlugins 配置。

[jozhi]

@sorrycc 没头没尾的有这么一句真的是让哀家不知所措，不知道怎么往项目上用。 如果能贴出来完整的配置会不会更好一点。。

目前临时解决方案 #134 ，如果可以请尽快修复一下。