clean-css-loader
Advanced tools
Comparing version
{ | ||
"name": "clean-css-loader", | ||
"version": "0.0.6", | ||
"description": "CleanCSS webpack loader", | ||
"main": "index.js", | ||
"repository": { | ||
"type": "git", | ||
"url": "git+https://github.com/retyui/clean-css-loader.git" | ||
}, | ||
"keywords": [ | ||
"CleanCSS", | ||
"webpack", | ||
"webpack-loader", | ||
"loader", | ||
"clean-css-loader" | ||
], | ||
"author": "retyui", | ||
"license": "ISC", | ||
"bugs": { | ||
"url": "https://github.com/retyui/clean-css-loader/issues" | ||
}, | ||
"homepage": "https://github.com/retyui/clean-css-loader#readme", | ||
"dependencies": { | ||
"clean-css": "^4.0.11", | ||
"loader-utils": "^1.1.0" | ||
} | ||
"name": "clean-css-loader", | ||
"version": "0.0.7", | ||
"description": "CleanCSS loader module for webpack", | ||
"main": "dist/index.js", | ||
"scripts": { | ||
"test:clean": "rimraf ./test/tmp ./test/node_modules ./test/bundle.js ./test/package.json ./test/package-lock.json && cd test && mkdir node_modules && echo {} > package.json", | ||
"pretest:webpack:1": "npm run test:clean && cd test && npm i css-loader@0.14.0 raw-loader@0.5.1 testem@0.8.3 webpack@1 ./.. && \"./node_modules/.bin/webpack\" --config webpack@1.config.js", | ||
"pretest:webpack:3": "npm run test:clean && cd test && npm i css-loader raw-loader testem webpack@3 ./.. && \"./node_modules/.bin/webpack\" --config webpack@3.config.js", | ||
"test:webpack:1": "cd ./test/tmp && echo {\\\"framework\\\": \\\"mocha+chai\\\"} > testem.json && \"../node_modules/.bin/testem\" ci -l firefox", | ||
"test:webpack:3": "cd ./test/tmp && echo {\\\"framework\\\": \\\"mocha+chai\\\"} > testem.json && \"../node_modules/.bin/testem\" ci -l firefox", | ||
"pretest": "npm run compile", | ||
"test": "npm run test:webpack:3 && npm run test:webpack:1", | ||
"posttest": "npm run test:clean", | ||
"lint": "eslint ./**/*.js", | ||
"compile": "babel lib --out-dir dist" | ||
}, | ||
"repository": { | ||
"type": "git", | ||
"url": "git+https://github.com/retyui/clean-css-loader.git" | ||
}, | ||
"keywords": [ | ||
"CleanCSS", | ||
"webpack", | ||
"loader" | ||
], | ||
"author": { | ||
"name": "David Narbutovich", | ||
"email": "vamnemne@gmail.com", | ||
"url": "https://github.com/retyui" | ||
}, | ||
"license": "MIT", | ||
"bugs": { | ||
"url": "https://github.com/retyui/clean-css-loader/issues" | ||
}, | ||
"homepage": "https://github.com/retyui/clean-css-loader#readme", | ||
"dependencies": { | ||
"clean-css": "^4.1.4", | ||
"loader-utils": "^1.1.0" | ||
}, | ||
"devDependencies": { | ||
"babel-cli": "^6.24.1", | ||
"babel-eslint": "^7.2.3", | ||
"babel-plugin-add-module-exports": "^0.2.1", | ||
"babel-preset-env": "^1.5.2", | ||
"babel-register": "^6.24.1", | ||
"rimraf": "^2.6.1" | ||
} | ||
} |
@@ -13,17 +13,10 @@ <div align="center"> | ||
[](https://badge.fury.io/js/clean-css-loader) | ||
# Clean-CSS-loader [](https://travis-ci.org/retyui/clean-css-loader) [](https://badge.fury.io/js/clean-css-loader) [](https://david-dm.org/retyui/clean-css-loader) | ||
<h2 align="center">Install</h2> | ||
## Install | ||
`npm i -D clean-css-loader` <em>or</em> `yarn add clean-css-loader --dev` | ||
```bash | ||
npm install --save-dev clean-css-loader | ||
``` | ||
<em>or</em> | ||
```bash | ||
yarn add clean-css-loader --dev | ||
``` | ||
## Usage | ||
<h2 align="center">Usage</h2> | ||
Use the loader either via your webpack config, CLI or inline. | ||
@@ -37,8 +30,8 @@ | ||
let css_arr_use = [ 'style-loader', 'css-loader' ]; | ||
const cssUseList = [ 'style-loader', 'css-loader' ]; | ||
if(production){ | ||
css_arr_use.push('clean-css-loader'); | ||
cssUseList.push('clean-css-loader'); | ||
// or | ||
css_arr_use.push({ | ||
cssUseList.push({ | ||
loader: 'clean-css-loader', | ||
@@ -58,3 +51,3 @@ options: { | ||
test: /\.css$/, | ||
use: css_arr_use | ||
use: cssUseList | ||
} | ||
@@ -68,3 +61,3 @@ ] | ||
```js | ||
import css_min from 'style.css'; | ||
import cssMin from 'style.css'; | ||
``` | ||
@@ -80,3 +73,3 @@ | ||
```js | ||
import css_min from 'style.css'; | ||
import cssMin from 'style.css'; | ||
``` | ||
@@ -88,15 +81,12 @@ | ||
```js | ||
import css_min from 'style-loader!css-loader!clean-css-loader!./style.css'; | ||
import cssMin from 'style-loader!css-loader!clean-css-loader!./style.css'; | ||
``` | ||
<h2 align="center">Options</h2> | ||
## Options | ||
More option: [https://github.com/jakubpawlowicz/clean-css#constructor-options](https://github.com/jakubpawlowicz/clean-css#constructor-options) | ||
## Webpack 1.x | ||
**Example config (for webpack 1.x):** | ||
@@ -125,2 +115,2 @@ ```js | ||
[](https://nodei.co/npm/clean-css-loader/) | ||
[](https://nodei.co/npm/clean-css-loader/) |
6623
75.96%31
24%6
Infinity%4
-20%110
-7.56%Updated