빌드 패키지 직접 구성해보기 ( sass + concat + minifier ) # nodejs plugins CLI use nodejs plugins bundler to try CLI ## Feature - npm - node-sass - concat - minifier ### Installation ```sh > npm install -g npm > npm install node-sass --save-dev > npm install concat --save-dev > npm install -g minifier --save-dev ``` ### Plugins | Plugin | URL | | ------ | ------ | | node-sass | [https://github.com/sass/node-..
minifier - minifying CSS/JS minifierA simple tool for minifying CSS/JS without a big setup.Feature highlightsIt minifies JS and CSSURLs in CSS are updated relative to the output locationIt automatically resolves @import statements in CSS.How to installThere are two ways to install it:npm install [-g] minifierCloning directly from github.Installing through npm will create a binary (minify) in the..
--save와 --save-dev 차이 $ npm install hubot-test-helper --save-dev testing hubot scripts를 읽던 중 발견. --save를 쓰기도 하던데 둘 차이는 뭘까?그냥 install 하면 ./node_modules 디렉터리에 패키지 설치를 하고 끝. --save, --save-dev 옵션은 ./package.json 업데이트를 같이해준다. 어디에 패키지 정보를 추가하느냐가 다른데, --save 옵션은 dependencies object에 추가하고 --save-dev 옵션은 devDepenencies object에 추가한다.dependencies와 devDepenencies 차이는 npm install을 할 때 나타난다.dependencies는 항상 ..
vue-axiosA small wrapper for integrating axios to VuejsHow to install:CommonJS:npm install --save axios vue-axios And in your entry file:import Vue from 'vue' import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios) Script:Just add 3 scripts in order: vue, axios and vue-axios to your document.Usage:This wrapper bind axios to Vue or this if you're using single file comp..
vue-lodashA small wrapper for integrating lodash to Vuejs (Inspired by vue-axios plugin by imcvampire)When to use it and when not to:Use it when using lodash extensively in lots of file.Don't use it if just want some simple functions from lodash. (My recommendation is to install individual small function from lodash.)For vue-lodash 2.xnpm install --save vue-lodash And in your entry file:import V..
node-sass Installnpm install node-sass Command Line InterfaceThe interface for command-line usage is fairly simplistic at this stage, as seen in the following usage section.Output will be sent to stdout if the --output flag is omitted.Usagenode-sass [options] [output] Or: cat | node-sass > outputExample:node-sass src/style.scss dest/style.cssOptions: -w, --watch Watch a directory or file -r, --r..
concat 설치npm i concat UsageUsage: concat [options] concatenate multiple files Options: -h, --help output usage information -V, --version output the version number -o, --output output fileexamples:concat -o output.css ./1.css ./2.css ./3.cssYou can also use it from node:const concat = require('concat'); concat([file1, file2, file3]).then(result => console.log(result)) // orconcat([file1, file2, f..
npm npm is Node Package Manager 모듈 패키지 관리자 www.npmjs.org 는 수천개의 무료 패키지를 제공하여 다운로드및 사용을 도와준다. npm은 NODE.js 를 설치할때 기본으로 설치된다. version 컴퓨터 쉘에서 아래의 명령어를 입력해 보자, 각각 버전을 표기하는 명령어 이다. npm -v node -v help npm에 관련한 명령어는 help로 도움을 받을 수 있고 -h 옵션으로 사용법을 볼 수 있다. npm help npm -h install examples 설치된 모듈 리스트를 보려면 npm ls 를 입력하고 전역 설치 옵션을 포함한 경우 -g 옵션으로 조회해야 한다. npm ls -g npm list installed -g Delete 삭제할때 아래처럼 삭제..