0.1.2 • Published 4 years ago

css-x2x-loader v0.1.2

Weekly downloads
4
License
MIT
Repository
github
Last release
4 years ago

css-x2x-loader

Webpack loader for x2x css file

Getting Started

To begin, you'll need to install css-x2x-loader

$ npm install --save-dev css-x2x-loader

Then add the plugin to your webpack config.For example:

webpack.config.js

module.exports = {
	// ...
  module: {
    rules: [{
      test: /\.css$/,
      use: [{
        loader: 'style-loader'
      },
      {
        loader: 'css-loader'
      },
      {
        loader: 'css-x2x-loader',
        options: {
          type: 'px2rem',
          tagUnit: 75,
          tagPrecision: 8
        }
      }]
    }]
  }
}

options

nameTypeDefault
type{String}px2rem
tagUnit{Number}100
tagPrecision{Number}6

type

Default: "px2rem"

Supported values:

  • px2rpx
  • rem2px
  • rem2rpx
  • rpx2px
  • rpx2rem

tagUnit

Default: 100

The 100 value means 100px = 1rem.

tagPrecision

Default: 6

The 6value means keep six decimal place.