@smb-fe/umijs-plugin-style-resources v1.0.0

Style Resources

配置

// .umirc.ts
import { defineConfig } from 'umi';

export default defineConfig({
  plugins: [require.resolve('@smb-fe/umijs-plugin-style-resources')],
  styleResources: {
    options: {}, // style-resrouces-loader的参数
    scssToolkit: true, // 默认也是true，注入 scss toolkit
  },
});

原理

• 基于style-resources-loader和@opd-fe/scss-toolkit的封装。
• 该插件使用@umijs/plugin-sass作为依赖。
• 默认情况下会注入scss toolkie，如果需要注入其他 scss 资源，则在options中配置，参照style-resources-loader参数。
• 该插件会调用 umi 的 applyPlugins api，如果你的插件需要配合该插件注入资源，按如下操作：

api.register({
  key: 'addStyleResources',
  fn() {
    return ['xxx.scss']; // your resources;
  },
});

测试

• npm run build
• npm test