$ yarn add rucksack-css --dev $ npm i rucksack-css --save-dev Usage Rucksack can be used as a PostCSS plugin, direclty on the command line, and has helpers available for most build tools. Gulp Usegulp-rucksack constgulp =require('gulp');construcksack =require('gulp-rucksack'); gulp....
$ rucksack src/style.css style.css [options]PostCSSRucksack is built on PostCSS, and can be used as a PostCSS pluginconst postcss = require('postcss'); const rucksack = require('rucksack-css'); postcss([ rucksack() ]) .process(css, { from: 'src/style.css', to: 'style.css' }) ....
grunt.initConfig({ postcss: { options: { processors: [ require('rucksack-css')() ] }, dist: { src: 'css/*.css' } } }); CLI在命令行中使用postcss-cli$ npm i postcss-cli -g postcss.config.jsmodule.exports = { use: [ 'rucksack-css' ] }; $ postcss "input.css" -o 'output....
Rucksack is available on NPM underrucksack-css $ npm i rucksack-css -D Features Responsive typography Automagical fluid typography with newresponsivearguments tofont-size,line-height, andletter-spacingproperties .foo{font-size:responsive; }
安装 constgulp=require('gulp');constpostcss=require('gulp-postcss');construcksack=require('rucksack-css');gulp.task('rucksack',()=>{returngulp.src('src/*.css').pipe(postcss([rucksack()])).pipe(gulp.dest('dist'));}); 神奇的功能 ...