@kokojs/plugin-style NPM | npm.io

4.0.34 • 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 @zalastax/nolb-_kok @kokojs/npm-sync-helper @kokojs/preset-ranta-h5 @kokojs/preset-ranta-pc

4.0.15-beta.20241212193332.0

1 year ago

4.0.6-beta.20241127165201.0

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

3.33.15-beta.20241202170102.0

1 year ago

4.0.4-beta.20241121162058.0

1 year ago

4.0.31-beta.20250116102646.0

1 year ago

4.0.6-beta.20241126164514.0

1 year ago

3.17.2-beta.20241113140355.0

1 year ago

4.0.6-beta.20241126205426.0

1 year ago

4.0.33-beta.20250219171549.0

11 months ago

3.17.2-beta.20241113121342.0

1 year ago

4.0.13-beta.20241204151551.0

1 year ago

4.0.0-beta.20241119212507.0

1 year ago

3.17.2-beta.20241113153003.0

1 year ago

4.0.15-beta.20241212193901.0

1 year ago

4.0.21-beta.20241213133748.0

1 year ago

4.0.6-beta.20241126164933.0

1 year ago

4.0.11-beta.20241202210707.0

1 year ago

3.33.15-beta.20241112160012.0

1 year ago

3.17.6-beta.20241112211947.0

1 year ago

4.0.6-beta.20241127150044.0

1 year ago

1 year ago

4.0.6-beta.20241127102832.0

1 year ago

1 year ago

4.0.13-beta.20241205175803.0

1 year ago

4.0.13-beta.20241205180234.0

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

4.0.9-beta.20241129112827.0

1 year ago

4.0.4-beta.20241121143942.0

1 year ago

1 year ago

1 year ago

1 year ago

10 months ago

11 months ago

4.0.33-beta.20250224142420.0

11 months ago

4.0.0-beta.20241119154509.0

1 year ago

1 year ago

4.0.0-beta.20241119143340.0

1 year ago

4.0.0-beta.20241111212212.0

1 year ago

4.0.6-beta.20241126174728.0

1 year ago

4.0.12-beta.20241203135516.0

1 year ago

3.33.15-beta.20241202194433.0

1 year ago

1 year ago

3.33.14-beta.20241022163444.0

1 year ago

3.33.14-beta.20241022162416.0

1 year ago

3.33.14-beta.20240925103325.0

1 year ago

1 year ago

3.33.14-beta.20240912194958.0

1 year ago

3.33.14-beta.20240910151823.0

1 year ago

3.33.14-beta.20240910130051.0

1 year ago

3.33.14-beta.20240908232001.0

1 year ago

3.33.14-beta.20240902170523.0

1 year ago

3.33.14-beta.20240819175050.0

1 year ago

3.33.14-beta.20240627145912.0

2 years ago

3.33.14-beta.20240812194845.0

1 year ago

2 years ago

3.33.13-beta.20240423214821.0

2 years ago

3.33.13-beta.20240418110927.0

2 years ago

3.33.13-beta.20240418105832.0

2 years ago

3.33.13-beta.20240418210155.0

2 years ago

3.33.13-beta.20240418202500.0

2 years ago

3.33.13-beta.20240419101550.0

2 years ago

2 years ago

2 years ago

3.33.11-beta.20240412114029.0

2 years ago

2 years ago

3.33.10-beta.20240321204049.0

2 years ago

3.33.10-beta.31

2 years ago

3.33.10-beta.30

2 years ago

3.33.10-beta.28

2 years ago

3.33.10-beta.29

2 years ago

3.33.10-beta.27

2 years ago

3.33.10-beta.26

2 years ago

3.33.10-beta.17

2 years ago

3.33.10-beta.19

2 years ago

3.33.10-beta.18

2 years ago

3.33.10-beta.24

2 years ago

3.33.10-beta.23

2 years ago

3.33.10-beta.25

2 years ago

3.33.10-beta.20

2 years ago

3.33.10-beta.22

2 years ago

3.33.10-beta.21

2 years ago

3.33.10-beta.20240218162104.0

2 years 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

3 years ago

3 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

3 years ago

3.33.0-beta.20230317102356.0

3 years ago

3.33.0-beta.20230322103051.0

3 years ago

3 years ago

3.23.1-beta.20230306172726.0

3 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

4 years ago

3.32.17-beta.20220518144639.0

4 years ago

3.32.17-beta.20220524111926.0

4 years ago

4 years ago

4 years ago

4 years ago

3.32.14-beta.20220322105702.0

4 years ago

3.32.14-beta.20220322105905.0

4 years ago

3.32.14-beta.20220321185832.0

4 years ago

3.32.12-beta.20220303173452.0

4 years ago

3.32.12-beta.20220304104636.0

4 years ago

4 years ago

4 years ago

3.32.12-beta.20220309171127.0

4 years ago

3.32.12-beta.20220303190238.0

4 years ago

4 years ago

4 years ago

4 years ago

3.32.12-beta.20220316185459.0

4 years ago

3.32.12-beta.20220316185303.0

4 years ago

3.32.12-beta.20220309112805.0

4 years ago

3.32.12-beta.20220302175256.0

4 years ago

3.32.12-beta.20220319151017.0

4 years ago

3.32.13-beta.20220308201217.0

4 years ago

3.32.12-beta.20220302180638.0

4 years ago

3.32.12-beta.20220316182606.0

4 years ago

3.32.12-beta.20220316182914.0

4 years ago

3.32.14-beta.20220310195455.0

4 years ago

3.32.13-beta.20220310192726.0

4 years ago

3.32.12-beta.20220303194331.0

4 years ago

3.32.11-beta.20220302143252.0

4 years ago

3.32.12-beta.20220301160242.0

4 years ago

3.32.9-beta.20220208193608.0

4 years ago

4 years ago

4 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

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

3.32.11-beta.20220223151508.0

4 years ago

4 years ago

3.32.11-beta.20220222194342.0

4 years ago

3.32.10-beta.20220217110005.0

4 years ago

3.32.12-beta.20220221163826.0

4 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

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

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

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago