@vnxjs/rn-style-transformer v3.5.66

@vnxjs/rn-style-transformer

For processing rn Style Configuration，Generate the required style

rn.postcss

object

postcss Related Configuration，Other style languages preprocessed with this configuration。

module.exports = {
  // ...
  rn: {
    // ...
    postcss: {
      // postcss Configure，References https://github.com/postcss/postcss#options
      options: { /* ... */ },
      // Defaulttrue，Control whether or not to be correct css value Conduct scalePx2dp Convert，pxtransformConfigure enable It's only going to take effect.
      scalable: boolean,
      pxtransform: {
        enable: boolean, // Defaulttrue
        config: { /* ... */ } // Plugins pxtransform Configure Entry，Reference Size Chapter
      },
      // With the other end. css module Configuration remains unified
      cssModules: {
        enable: true, // Default As false，If needed css modules Functions，Set as true
      }
    },
  }
}

rn.sass

object

sass Related Configuration。options Configure Item ReferenceOfficial Documents。

module.exports = {
  // ...
  rn: {
    // ...
    sass: {
      options: { /* ... */ },
    	// Add to every infusion of scripts sass File Header，Yes. config.sass Before
      additionalData: '', // {String|Function}
    }
  }
}

rn.less

object

less Related Configuration。options Configure Item Reference Official Documents。

module.exports = {
  // ...
  rn: {
    // ...
    less: {
      options: { /* ... */ },
      additionalData: '', // {String|Function}
    }
  }
}

rn.stylus

object

stylus Related Configuration。options Configure entries as follows:。

module.exports = {
  // ...
  rn: {
    // ...
    stylus: {
      options: {
        /**
         * Specify Stylus plugins to use.
         *
         * @type {(string|Function)[]}
         * @default []
         */
        use: ["nib"],

        /**
         * Add path(s) to the import lookup paths.
         *
         * @type {string[]}
         * @default []
         */
        include: [path.join(__dirname, "src/styl/config")],

        /**
         * Import the specified Stylus files/paths.
         *
         * @type {string[]}
         * @default []
         */
        import: ["nib", path.join(__dirname, "src/styl/mixins")],

        /**
         * Define Stylus variables or functions.
         *
         * @type {Array|Object}
         * @default {}
         */
        // Array is the recommended syntax: [key, value, raw]
        define: [
          ["$development", process.env.NODE_ENV === "development"],
          ["rawVar", 42, true],
        ],
        // Object is deprecated syntax (there is no possibility to specify "raw')
        // define: {
        //   $development: process.env.NODE_ENV === 'development',
        //   rawVar: 42,
        // },

        /**
         * Include regular CSS on @import.
         *
         * @type {boolean}
         * @default false
         */
        includeCSS: false,

        /**
         * Emits comments in the generated CSS indicating the corresponding Stylus line.
         *
         * @see https://stylus-lang.com/docs/executable.html
         *
         * @type {boolean}
         * @default false
         */
        lineNumbers: true,

        /**
         * Move @import and @charset to the top.
         *
         * @see https://stylus-lang.com/docs/executable.html
         *
         * @type {boolean}
         * @default false
         */
        hoistAtrules: true,
      },
      additionalData: '', // {String|Function}
    }
  }
}