安利两个React开发的插件

• 可以让React的className直接使用数组

• 下载

npm install class-array-loader -D

• webpack.config.js

{
   test: /\.(js|tsx|jsx|ts)$/,
   loader: require.resolve('class-array-loader')
}

• 使用

<div className={['class1','class2']}>demo</div>

• 在jsx代码中的style 可以使用 RPX 单位，会自动转换rem

• 下载

npm install jsx-to-rem-loader -D

• webpack.config.js

{
    test: /\.(js|tsx|jsx|ts)$/,
    loader: require.resolve('jsx-to-rem-loader'),
    options: {
    remUnit: 37.5,
    // 计算后取多少位的小数
    remFixed: 8
    }
},

• 使用

<div style={{ width: "30RPX" }}>demo</div>

• 喜欢的可以点个小星星哦
  • class-array-loader
  • jsx-to-rem-loader
• 有问题可以留言