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']
}

styles.options

object

CSS优化配置。默认值为:

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

🌰 例如:

styles: {
  options: {
    safe: true,
    autoprefixer: false
  }
}

styles.includePaths

array

New in 0.6.0

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

styles.postcssPlugins

array

New in 0.13.0

PostCSS plugins. 默认值为:[].

BalmJS 默认已加载的PostCSS插件:

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 ""