px2rem-postcss
px2rem-postcss copied to clipboard
请问这里的代码写在哪里呢`const {
`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