• Stars
    star
    117
  • Rank 300,274 (Top 6 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created almost 8 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

cross-var

NPM NPM

npm version npm license npm download npm download Package Quality Inline docs star this repo fork this repo

david dependency david devDependency david optionalDependency david peerDependency npms score Known Vulnerabilities

Overview

When using npm scripts it creates a lot of environment variables that are available for you to leverage when executing scripts.

If you'd like to take a look at all of the variables then you can run npm run env in your terminal.

> npm run env

npm_package_name=cross-var
npm_package_author_name=Elijah Manor
npm_package_version=1.0.0
... lots more ...

Now you can use those environment variables in your npm scripts by referencing them like the following

{
  "name": "World",
  "scripts": {
    "//": "The following only works on Mac OS X/Linux (bash)",
    "bash-script": "echo Hello $npm_package_name"
    "//": "The following only works on a Windows machine",
    "win-script": "echo Hello %npm_package_name%"
  }
}
> npm run bash-script

Hello World

However, this won't work on Windows... because it expects the variables to be surrounded by percent signs, so we can change our script just slightly.

cross-var to the Rescue!

The goal of cross-var is to let you use one script syntax to work either on a Mac OS X/Linux (bash) or Windows. Reference the Usage documention below on how to use cross-var in your scripts.

Usage

Simple Commands

{
  "version": "1.0.0",
  "config": {
    "port": "1337"
  },
  "scripts": {
    "prebuild": "cross-var rimraf public/$npm_package_version",
    "build:html": "cross-var jade --obj data.json src/index.jade --out public/$npm_package_version/",
    "server:create": "cross-var http-server public/$npm_package_version -p $npm_package_config_port",
    "server:launch": "cross-var opn http://localhost:$npm_package_config_port"
  }
}

Complex Commands

{
  "version": "1.0.0",
  "scripts": {
    "build:css": "cross-var \"node-sass src/index.scss | postcss -c .postcssrc.json | cssmin > public/$npm_package_version/index.min.css\"",
    "build:js": "cross-var \"mustache data.json src/index.mustache.js | uglifyjs > public/$npm_package_version/index.min.js\"",
  }
}

But What About!?!

Click on one of the following questions to reveal a detailed answer

Why don't you use `cross-env`? `cross-env` is great for scripts that need a particular environment variable set, but isn't intended to fix cross-environment issues when using variables inside an `npm script`
Why don't you use an external node file? That is a fine solution to this problem, but if you would rather stick to straight up `npm scripts`, then this is a good solution
Why don't you just use Windows 10 Ubuntu-based Bash shell? Yes, if you can do that... then great! Windows 10’s version 1607 update, dubbed the “Anniversary Update”, has [intergrated a great bash shell](https://msdn.microsoft.com/en-us/commandline/wsl/about) that should allow you to run Linux software directly on Windows without any changes.

However, if you want to support older Windows versions, then you might consider using cross-env or another approach to leverage environment variables in your scripts.

More Repositories

1

eslint-plugin-smells

ESLint rules for JavaScript Smells
JavaScript
169
star
2

spectacle-terminal

Terminal component that can be used in a spectacle slide deck
JavaScript
164
star
3

dotfiles

Lua
160
star
4

react-file-size

http://elijahmanor.com/react-file-size
JavaScript
48
star
5

youtube-lazyvim

Lua
36
star
6

devpun

A collection of developer jokes
JavaScript
33
star
7

elijahmanor.github.com

Elijah Manor's Blog
JavaScript
17
star
8

egghead-course-react-hooks

This contains the code for the egghead.io course “State and Effects in Function Components with React Hooks”
JavaScript
17
star
9

jqGridAddEditDelete

jQuery jqGrid Plugin: Add, Edit, Delete with ASP.NET MVC
JavaScript
16
star
10

export-to-vscode.nvim

Neovim plugin to export active buffers to VS Code
Lua
14
star
11

amplify-request-deferred

Adding jQuery Deferred support to the amplify.request component
JavaScript
12
star
12

elijahmanor

Information about Elijah Manor
JavaScript
11
star
13

egghead-playlist-react-blessed

JavaScript
11
star
14

gruntify-fed

Bootstrap for a Grunt Front-End Dev Project
JavaScript
8
star
15

youtube-lazyvim-tailwind

Lua
7
star
16

egghead-speech-recognition

JavaScript
7
star
17

jWatermark

jQuery Watermark Plugin
JavaScript
7
star
18

framework-independent-javascript-components

JavaScript
7
star
19

scss-lint-loader

scss-lint loader for Webpack
JavaScript
5
star
20

jQueryUnitTestingFormValidation

Unit Testing the ASP.NET MVC Validation
JavaScript
5
star
21

egghead-lesson-16.7-hooks-convert-class-to-function

This contains the code for the egghead.io lesson “Use React Hooks to Convert a Class Component to a Function Component”
HTML
4
star
22

picasaWebViewer

Sample Project Used to Demonstrate using Test Driven jQuery Development
JavaScript
4
star
23

cmd-fun

JavaScript
4
star
24

mockjax-mockjson-prototype-testing

JavaScript
3
star
25

toast.js

Simple toast notifications
3
star
26

jquery-free

Helper scripts for a jQuery-free JavaScript experience
JavaScript
3
star
27

greeting-time

Get a greeting by the time of day
JavaScript
3
star
28

react-fun

React Fundamentals Workshop: Hooks Edition
JavaScript
2
star
29

jQueryAjaxErrorHandling

Intro to Error Handling in Ajax Apps
JavaScript
2
star
30

ScriptJunkie-Amplify

ScriptJunkie article source code to exercise appendTo's Amplify JavaScript Components
2
star
31

recording

Setup your computer environment into a recording mode
JavaScript
1
star
32

try_git

1
star
33

react-fundamentals-workshop

Workshop for React Fundamentals
JavaScript
1
star
34

github-conventional-comments

JavaScript
1
star
35

egghead-npx

This contains the code from the egghead.io npx course
JavaScript
1
star
36

reaction-gifs

1
star
37

overreact

A React email application for a workshop
JavaScript
1
star
38

webpack-starter

JavaScript
1
star