px2rem-postcss icon indicating copy to clipboard operation
px2rem-postcss copied to clipboard

请问这里的代码写在哪里呢`const {

Open HaiYangHuX opened this issue 4 years ago • 0 comments

`const { override, addWebpackAlias, addPostcssPlugins, } = require('customize-cra') const path = require('path')

const stylus = () => (config) => { const stylusLoader = { test: /.styl$/, use: [ { loader: 'style-loader', }, { loader: 'css-loader', options: { modules: { mode: 'local', // 样式名规则配置 localIdentName: '[local]--[hash:base64:5]', }, }, }, // .styl 20px -> 0.2rem { loader: 'px2rem-loader', options: { remUnit: 100 } }, { loader: 'stylus-loader', }, ], } const oneOf = config.module.rules.find((rule) => rule.oneOf).oneOf oneOf.unshift(stylusLoader) return config }

module.exports = { webpack: override( addWebpackAlias({ ['src']: path.resolve(__dirname, 'src'), }), stylus(), // 方式一:css文件20px -> 0.2rem addPostcssPlugins([ require("postcss-px2rem")({ remUnit: 100 }) ]), // 方式二:css文件20px -> 0.2rem // addPostcssPlugins([require('postcss-pxtorem')({ // rootValue: 100, // minPixelValue: 2, // propList: ['*'], // }),]), ) }`

Originally posted by @shuyanzi in https://github.com/songsiqi/px2rem-postcss/issues/26#issuecomment-665682621

HaiYangHuX avatar Jan 22 '21 02:01 HaiYangHuX