728x90 반응형 퍼블리싱14 [npm] 자바스크립트 파일(.js) 압축및난독화하는 방법 uglify-js 압축과 난독화를 진행한다 압축 : 줄바꿈,공백,들여쓰기 제거 , 축약, 사용하지않는 변수제거, 주석제거, 디머깅 문구 제거, 무의미한 코드제거 난독화 : 코드분석하기 어렵게 만든다 (변수명 함수명등이 줄어 용량감소) >>npm init npm 시작 >>npm install uglify-js uglify-js 설치 >>uglifyjs 변환할파일경로/파일명.js -o 저장할경로/저장할파일명.js -m 2019. 6. 14. [npm]편하게 css 파일에 벤더프리픽스(vendor prefix) 추가하기 autoprefixer 사용법! >>npm init npm을 시작한다 필요한건 아래와 같으니 설치해준다. const autoprefixer = require('autoprefixer') const postcss = require('postcss') var fs = require('fs'); >> npm install autoprefixer >> npm install postcss >> npm install fs 아래와 같이 index.js 파일을 생성 const autoprefixer = require('autoprefixer') const postcss = require('postcss') var fs = require('fs'); var cssfile=""; //css를 저장할 변수 선언 fs.readFile('변경할 css 경로'.. 2019. 6. 14. [티스토리]사이드바 광고 위치 바꾸기 스킨이 만들어진걸 쓰다보니 사이드바가 맨 아래에 있다.. 광고를 넣었는데 맨 아래 있으면 아무도 못보잖아... 스킨편집에서 css 맨 아래쪽 @media 있는 곳 위쪽에!! 넣어주면 웹으로볼때 항상 오른쪽에 고정되어 나타난다! @media (min-width: 820px){ .module.module_plugin .kakao_ad_area{position:fixed; top: 150px; right:20px;} } 2019. 6. 5. [npm]Gulp를 이용해서 반복적인 작업 한번에 하기 (gulp-zip, gulp-images-resizer) 반복적인 패키징 작업을 어떻게 좀더 쉽게 할까 하다가 알아낸 방법! 1. gulp 설치 >> npm install gulp -g 2. npm시작 (경로설정 후 시작//프로젝트생성) >> npm init 3. gulp 및 gulp-zip설치 (프로젝트에서 사용하겠다고 정의하는것과 같음 1번과 별개로 프로젝트경로내에서 설치 필요) >>npm i gulp --save-dev >>npm install gulp-zip --save-dev >>npm install gulp-images-resizer 4. gulpfile.js파일생성 var gulp = require('gulp'); const zip = require('gulp-zip'); let resizer = require('gulp-images-resizer.. 2019. 6. 4. 이전 1 2 3 4 다음 728x90 반응형