Simply need a SASS compiler and Autoprefixer watching for changes? Here’s a simple (one file) npm script setup.

I’m working on a project where I just needed a SASS compiler and Autoprefixer (my two must-have modern development conveniences) watching for changes.

Tools like Rollup, Parcel, Webpack, Gulp, Grunt, and Bower are great for complex projects, but I tire from the dependency soup that has underscored frontend development in the last 5 or so years. I think I’ve created a pretty elegant solution:

#package.json{
... Name, version, dependencies, etc. ...
"scripts": {
"watch": "chokidar ./src/**/*.scss --command 'node-sass-chokidar ./src/style.scss | postcss --use autoprefixer > ./style.css'",
"build": "node-sass-chokidar ./src/style.scss --output-style compressed | postcss --use autoprefixer --no-map > ./style.css"
},
"devDependencies": {
"autoprefixer": "latest",
"chokidar-cli": "latest",
"node-sass-chokidar": "latest",
"postcss": "latest",
"postcss-cli": "latest"
},
"browserslist": [
"> 1%",
"last 4 versions",
"not dead"
]…

With a few lines of code you’ll be managing your files and directories across remote docker-machine hosts and your local machine in no time.

The Problem

Using to manage my remote Docker deployments, I was frustrated to find out that volume mount paths in are mounted verbatim on the remote host. For example, with a such as this:

# docker-compose.yml
...
services:
someservice:
...
volumes:
- ./local/dir:/path/in/container
...

The command will convert the relative path to its absolute state: and mirror it on the remote server (although it doesn’t populate the files — more on that later). …


Are you experiencing migraines trying to install Let’s Encrypt on your Amazon Linux AMI EC2 Instance?

[skip preface]

You’re not alone!

The Anticipation
Let’s Encrypt announced its public beta on a bitter cold day in December, 2015. I was attending the inaugural WordCamp US in Philadelphia, PA alongside about 1,800 peers whose personal livelihoods are built on the internet. …

About

Gifford Nowland

Coder. If I can’t find a solution, I write one. <3/>

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store