@kokojs/plugin-style NPM | npm.io

3.33.14 • Published 10 months ago

Install

Weekly downloads

602

License

MIT

Repository

Last release

10 months ago

Style 插件

@kokojs/plugin-style 提供了预处理 CSS 的能力，支持 Sass 语法，不再支持原有的 precss、sass-like 等语法。

安装

yarn add @kokojs/plugin-style --dev

安装完成后，在 koko.config.js 中添加如下配置：

module.exports = {
  plugins: {
    style: {},
  },
};

配置项

extract

Type: boolean
Default: true

是否将样式提取至独立的 CSS 文件中。

禁用该选项时，样式将打包到 JS 文件中，并通过 style-loader 注入到页面上。

postcssPlugins

Type: PostcssPlugin[]
Default: undefined

koko-plugin-style 默认包含 autoprefixer 插件，通过此选项可以配置额外的 postcss 插件

// koko.config.js
module.exports = {
  plugins: {
    style: {
      postcssPlugins: [require('some-postcss-plugin')],
    },
  },
};

loaderOptions

Type: object
Default: -

传递给 loader 的选项，支持以下 loader：

// koko.config.js
module.exports = {
  plugins: {
    style: {
      loaderOptions: {
        css: {
          // css-loader 选项
        },
        sass: {
          // sass-loader 选项
        },
        style: {
          // style-loader 选项，仅在设置 extract: false 后有效
        },
        postcss: {
          // postcss-loader 选项
        },
      },
    },
  },
};

enableDevAutoprefixer

Type: boolean
Default: false

是否在 dev 模式下启用 postcss 的 autoprefixer 插件，注意开启后会降低 dev 的编译速度。

默认情况下，我们仅在 build 阶段启用 postcss 和 autoprefixer 插件。

customStyleLoader

Type: (extract?: boolean) => string
Default: style-loader

加载自定义 style-loader 的方法，可用于替换内置的默认样式注入行为。

// koko.config.js
module.exports = {
  plugins: {
    style: {
      customStyleLoader: () => require.resolve('./my-style-loader'),
    },
  },
};

globalModules

Type: boolean
Default: false

当 globalModules 为 true 时，所有样式文件都会开启 CSS Modules。

CSS Modules

koko 根据文件后缀名来判断是否启用 CSS Modules:

.css 和 .scss 文件默认不支持 CSS Modules，若 globalModules 为 true，则支持 CSS Modules，作用域为 :global
.m.css 和 .m.scss 文件支持 CSS Modules，默认作用域为 :local
.global.m.css 和 .global.m.scss 文件支持 CSS Modules，默认作用域为 :global

维护者

陈嘉涵。

@kokojs/shared autoprefixer css-loader css-minimizer-webpack-plugin file-loader mini-css-extract-plugin postcss postcss-loader sass sass-loader style-loader url-loader

@infinitebrahmanuniverse/nolb-_kok @everything-registry/sub-chunk-525 @kokojs/preset-ranta-h5 @kokojs/preset-ranta-pc @kokojs/npm-sync-helper @zalastax/nolb-_kok

10 months ago

3.33.14-beta.20241022163444.0

10 months ago

3.33.14-beta.20241022162416.0

10 months ago

3.33.14-beta.20240925103325.0

11 months ago

11 months ago

3.33.14-beta.20240912194958.0

11 months ago

3.33.14-beta.20240910151823.0

11 months ago

3.33.14-beta.20240910130051.0

11 months ago

3.33.14-beta.20240908232001.0

11 months ago

3.33.14-beta.20240902170523.0

11 months ago

3.33.14-beta.20240819175050.0

12 months ago

3.33.14-beta.20240627145912.0

1 year ago

3.33.14-beta.20240812194845.0

1 year ago

1 year ago

3.33.13-beta.20240423214821.0

1 year ago

3.33.13-beta.20240418110927.0

1 year ago

3.33.13-beta.20240418105832.0

1 year ago

3.33.13-beta.20240418210155.0

1 year ago

3.33.13-beta.20240418202500.0

1 year ago

3.33.13-beta.20240419101550.0

1 year ago

1 year ago

1 year ago

3.33.11-beta.20240412114029.0

1 year ago

1 year ago

3.33.10-beta.20240321204049.0

1 year ago

3.33.10-beta.31

1 year ago

3.33.10-beta.30

1 year ago

3.33.10-beta.28

1 year ago

3.33.10-beta.29

1 year ago

3.33.10-beta.27

1 year ago

3.33.10-beta.26

1 year ago

3.33.10-beta.17

1 year ago

3.33.10-beta.19

1 year ago

3.33.10-beta.18

1 year ago

3.33.10-beta.24

1 year ago

3.33.10-beta.23

1 year ago

3.33.10-beta.25

1 year ago

3.33.10-beta.20

1 year ago

3.33.10-beta.22

1 year ago

3.33.10-beta.21

1 year ago

3.33.10-beta.20240218162104.0

1 year ago

3.33.10-beta.15

2 years ago

3.33.10-beta.16

2 years ago

3.33.10-beta.14

2 years ago

3.33.10-beta.13

2 years ago

3.33.10-beta.12

2 years ago

3.33.10-beta.11

2 years ago

3.33.10-beta.10

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3.33.4-beta.20230814111905.0

2 years ago

3.33.4-beta.20230811164609.0

2 years ago

3.33.4-beta.20230811162640.0

2 years ago

3.33.8-beta.20231109201924.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3.33.4-beta.20230815192012.0

2 years ago

3.33.2-beta.20230530193516.0

2 years ago

3.33.0-beta.20230317102356.0

2 years ago

3.33.0-beta.20230322103051.0

2 years ago

2 years ago

3.23.1-beta.20230306172726.0

2 years ago

3 years ago

3 years ago

3.32.19-beta.20221205173359.0

3 years ago

3.32.20-beta.20230104163244.0

3 years ago

3.32.20-beta.20230104174806.0

3 years ago

3.32.29-beta.20221028144218.0

3 years ago

3.32.29-beta.20221031143710.0

3 years ago

3.32.29-beta.20221031155313.0

3 years ago

3.32.28-beta.20221027202142.0

3 years ago

3.32.29-beta.20221027213055.0

3 years ago

3.32.29-beta.20221031142816.0

3 years ago

3.32.23-beta.20221027144621.0

3 years ago

3.32.24-beta.20221027160343.0

3 years ago

3.32.20-beta.20221025152240.0

3 years ago

3.32.29-beta.20221103164207.0

3 years ago

3.32.29-beta.20221027203404.0

3 years ago

3.32.18-beta.20221024115231.0

3 years ago

3.32.22-beta.20221027110901.0

3 years ago

3.32.26-beta.20221027192348.0

3 years ago

3.32.21-beta.20221027110659.0

3 years ago

3.32.29-beta.20221103172241.0

3 years ago

3.32.29-beta.20221104114140.0

3 years ago

3.32.29-beta.20221028101252.0

3 years ago

3.32.29-beta.20221028102037.0

3 years ago

3.32.18-beta.20221026113029.0

3 years ago

3.32.19-beta.20221025112327.0

3 years ago

3.32.29-beta.20221027205751.0

3 years ago

3.32.27-beta.20221027195712.0

3 years ago

3.32.29-beta.20221103185209.0

3 years ago

3.32.29-beta.20221028113748.0

3 years ago

3.32.25-beta.20221027173357.0

3 years ago

3 years ago

3.32.17-beta.20220518144639.0

3 years ago

3.32.17-beta.20220524111926.0

3 years ago

3 years ago

3 years ago

3 years ago

3.32.14-beta.20220322105702.0

3 years ago

3.32.14-beta.20220322105905.0

3 years ago

3.32.14-beta.20220321185832.0

3 years ago

3.32.12-beta.20220303173452.0

3 years ago

3.32.12-beta.20220304104636.0

3 years ago

3 years ago

3 years ago

3.32.12-beta.20220309171127.0

3 years ago

3.32.12-beta.20220303190238.0

3 years ago

3 years ago

3 years ago

3 years ago

3.32.12-beta.20220316185459.0

3 years ago

3.32.12-beta.20220316185303.0

3 years ago

3.32.12-beta.20220309112805.0

3 years ago

3.32.12-beta.20220302175256.0

3 years ago

3.32.12-beta.20220319151017.0

3 years ago

3.32.13-beta.20220308201217.0

3 years ago

3.32.12-beta.20220302180638.0

3 years ago

3.32.12-beta.20220316182606.0

3 years ago

3.32.12-beta.20220316182914.0

3 years ago

3.32.14-beta.20220310195455.0

3 years ago

3.32.13-beta.20220310192726.0

3 years ago

3.32.12-beta.20220303194331.0

3 years ago

3.32.11-beta.20220302143252.0

3 years ago

3.32.12-beta.20220301160242.0

3 years ago

3.32.9-beta.20220208193608.0

4 years ago

3 years ago

3 years ago

3.32.9-beta.20220209144648.0

4 years ago

4 years ago

3.32.9-beta.20220209152551.0

4 years ago

3.32.11-beta.20220221162241.0

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

3.32.11-beta.20220223151508.0

3 years ago

4 years ago

3.32.11-beta.20220222194342.0

3 years ago

3.32.10-beta.20220217110005.0

3 years ago

3.32.12-beta.20220221163826.0

3 years ago

4 years ago

3.32.3-beta.20211221144120.0

4 years ago

4 years ago

4 years ago

4 years ago

3.32.3-beta.20211209202646.0

4 years ago

3.32.2-beta.20211203174856.0

4 years ago

3.32.6-beta.20211215164332.0

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

3.30.3-beta.9f07221a.0

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

3.13.18-alpha.0

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago