🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →

clean-css-loader

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

clean-css-loader - npm Package Compare versions

Comparing version

to
0.0.7

{
"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">

[![npm version](https://badge.fury.io/js/clean-css-loader.svg)](https://badge.fury.io/js/clean-css-loader)
# Clean-CSS-loader [![Build Status](https://travis-ci.org/retyui/clean-css-loader.svg?branch=master)](https://travis-ci.org/retyui/clean-css-loader) [![npm version](https://badge.fury.io/js/clean-css-loader.svg)](https://badge.fury.io/js/clean-css-loader) [![dependencies Status](https://david-dm.org/retyui/clean-css-loader/status.svg)](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

[![NPM](https://nodei.co/npm-dl/clean-css-loader.png?height=3)](https://nodei.co/npm/clean-css-loader/)
[![NPM](https://nodei.co/npm-dl/clean-css-loader.png)](https://nodei.co/npm/clean-css-loader/)