@nib/css-framework - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

CHANGELOG.md

 # Changelog
 
+## 0.0.3 (2019-10-25)
+
+### Changed
+
+- Build process
+
+### Added
+
+- `prepublish` scripts to automate `dist` generation
+
 ## 0.0.2 (2019-10-25)
@@ -4,0 +14,0 @@

package.json

 {
   "name": "@nib/css-framework",
   "description": "CSS utilities and component styles for non-react projects",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "devDependencies": {
+    "@fullhuman/postcss-purgecss": "^1.2.0",
     "@nib-components/colors": "^3.1.0",
@@ -14,2 +15,3 @@ "autoprefixer": "^9.5.1",
     "postcss-cli": "^6.1.2",
+    "rimraf": "^3.0.0",
     "rollup": "^1.12.0",
@@ -25,13 +27,15 @@ "rollup-plugin-commonjs": "^10.0.0",
     "svelte-preprocess": "^3.1.2",
-    "tailwindcss": "^1.1.2",
-    "@fullhuman/postcss-purgecss": "^1.2.0"
+    "tailwindcss": "^1.1.2"
   },
   "scripts": {
-    "build": "npm run build:tailwind && rollup -c",
-    "build:auto": "rollup -c -w",
-    "build:tailwind": "cross-env NODE_ENV=production postcss src/styles/tailwind.css -o dist/styles.min.css",
-    "watch:tailwind": "postcss src/styles/tailwind.css -o dist/styles.min.css -w",
-    "dev": "run-p start:dev build:auto watch:tailwind",
-    "start": "sirv public --single",
-    "start:dev": "sirv public --single --dev"
+    "build": "npm run build:tailwind && npm run build:tailwind-min",
+    "build:tailwind": "cross-env NODE_ENV=development postcss src/styles/tailwind.css -o dist/styles.css",
+    "build:tailwind-min": "cross-env NODE_ENV=production postcss src/styles/tailwind.css -o dist/styles.min.css",
+    "clean": "rimraf dist",
+    "prepublish": "npm run clean && npm run build",
+    "rollup": "rollup -c -w",
+    "watch:tailwind": "postcss src/styles/tailwind.css -o public/extracted.css -w",
+    "dev": "run-p start rollup watch:tailwind",
+    "start": "sirv public --single --dev",
+    "serve": "sirv public --single"
   },
@@ -38,0 +42,0 @@ "style": "dist/styles.min.css",

README.md

@@ -51,34 +51,30 @@ # CSS Framework
 
-1. Start the development server:
+1. Build the `dist` folder:
 
    ```bash
    # Using npm
-   npm run dev
+   npm run build
 
    # Using Yarn
-   yarn run dev
+   yarn run build
    ```
 
-Now you should be able to see the project running at [localhost:5000](http://localhost:5000).
+   This will build out the `dist/styles.css` and `dist/styles.min.css` files used by the docs.
 
-By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the `sirv` commands in package.json to include the option `--host 0.0.0.0`.
+   To optimise the CSS for production, [cssnano](https://cssnano.co/) has been used for the minified styles.
 
-## Building for production
+1. Start the development server:
 
-To optimise the CSS for production, [cssnano](https://cssnano.co/) has been used.
+   ```bash
+   # Using npm
+   npm run dev
 
-To build an optimised version of the CSS, simply run:
+   # Using Yarn
+   yarn run dev
+   ```
 
-```bash
-# Using npm
-npm run build
+Now you should be able to see the project running at [localhost:5000](http://localhost:5000).
 
-# Using Yarn
-yarn run build
-```
-
-After that's done, see `dist/styles.css` and `dist/styles.min.css` to see the output.
-
 ## Any questions?
 
 If there are any questions about this process you can ask us at the [#designops](https://app.slack.com/client/T04G2NPUL/C8W3UEY5C) slack channel.

No alert changes

Improved metrics

Total package byte prevSize

259761

increased by7.9%

Lines of code

8309

increased by5.31%

Worsened metrics

Dev dependency count

21

increased by5%

Number of lines in readme file

80

decreased by-4.76%

No dependency changes