@vnxjs/rn-style-transformer
v3.5.66
Published
Provides Vnmf RN unified processing style file capability
Downloads
2
Readme
@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}
}
}
}