rollup-plugin-css-porter
A rollup plugin to collect and combine all the imported css file. Such as import './my.css'
.
Then output them to a standalone css file. Besides, use clean-css
to create a minified css file as you wish.
Supported rollup version :
plugin version | rollup version |
---|---|
1.x | 1.0.0+ |
0.3.x | 0.48.0~0.68.2 |
0.1.0~0.2.x | 0.36.0~0.47.6 |
Installation
Use npm
:
npm install --save-dev rollup-plugin-css-porter// ornpm i -D rollup-plugin-css-porter
Use yarn
:
yarn add rollup-plugin-css-porter --dev
Plugin options
Name | ValueType | Required | Description |
---|---|---|---|
dest | String |
false | Default value is the same dir of 'bundle.write(options)' options.file |
raw | Boolean String |
false | 1. Boolean value means whether output a raw css file, default value is true 2. String value means output raw css file to this path |
minified | Boolean String |
false | 1. Boolean value means whether output a minified css file, default value is true 2. String value means output minified css file to this path |
If set
raw
orminified
option to aString
value,dest
option will be ignored.
Usage
Case 1 (default behavior):
Output to a standalone css file and a minified css file.
The output destination is the same dir of 'bundle.write(options)'
options.file
.
;; ;
Case 2:
Output to a standalone css file without minified css file.
The output destination is the same dir of 'bundle.write(options)'
options.file
.
;; ;
Case 3:
Output to a specific path if config the plugin options.dest
.
;; ;
Case 4:
Output to a standalone css file with only minified css file.
The output destination is the same dir of 'bundle.write(options)'
options.file
.
;; ;
Case 5:
Custom output filenames by config a string value for plugin raw
and minified
option :
;; ;
Or:
Or:
Build
Use npm
:
npm run build
Use yarn
:
yarn run build
Run test
Use npm
:
npm test
Use yarn
:
yarn test