CSS配置

styles.ext

string

支持的样式后缀:css, scss, less。默认值为:'css'

默认 css 后缀采用的是 PostCSS

🌰 例如:

styles: {
  ext: 'scss'
}

styles.autoprefixer

array

根据 Can I Use 规则解析CSS并添加兼容浏览器的前缀。默认值为:['last 1 version']

Autoprefixer 使用 Browserslist

🌰 例如:

styles: {
  autoprefixer: ['> 1%', 'last 2 versions', 'Firefox ESR']
}

⚠️ Deprecated in 1.5.1,请使用一个 .browserslistrc 配置文件代替。

🌰 例如:

> 0.5%
last 2 versions
Firefox ESR
not dead

styles.options

object

CSS优化配置。默认值为:

{
  safe: true,
  discardComments: {
    removeAll: true
  }
}

CssNano Optimisations

styles.includePaths

array

New in 0.6.0

确保包含路径中的文件的父目录。默认值为:[]

styles.sassOptions

object

New in 1.5.5

Node-sass Options。默认值为:{}

🌰 例如:

styles: {
  ext: 'scss',
  sassOptions: {
    importer: require('node-sass-glob-importer')()
  }
}

styles.lessOptions

object

New in 1.5.5

gulp-less Options. Defaults to {}.

🌰 例如:

  styles: {
    ext: 'less',
    lessOptions: {
      plugins: [
        // ...
      ]
    }
  }

styles.postcssPlugins

array

New in 0.13.0

PostCSS plugins. 默认值为:[]

BalmJS 默认已加载的PostCSS插件:

styles.postcssEnvOptions

object

New in 1.1.0

PostCSS Preset Env options. 默认值为:

{
  stage: 0,
  autoprefixer: {
    flexbox: 'no-2009'
  }
}

styles.postcssOptions

object

New in 0.13.0

PostCSS options. 默认值为:{}

styles.postcssOptions

object

New in 0.13.0

PostCSS loader options. 默认值为:

{
  exec: undefined,
  parser: undefined,
  syntax: undefined,
  stringifier: undefined,
  config: undefined,
  // plugins: [], // 注意:请使用 `styles.postcssPlugins` 配置插件
  sourceMap: false
}

results matching ""

    No results matching ""