728x90 반응형 퍼블리싱/npm7 [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. [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. [npm]이메일 템플릿 제작을 위한 inline-css 사용법 이메일 템플릿을 제작하기위해 주의해야할 점은 1. css는 인라인으로 작성한다. 2. 이미지는 최대한 적게 사용하고 width, height, alt를 꼭 써준다 (이미지를 보여주지 않는 이메일 시스템이 많음) 3. 만을 사용해 레이아웃을 나눈다. (이때 테이블은 다음과 같이 초기화해서 사용한다) 4. css보다는 html태그를 먼저 사용한다. (font-weight : bold 대신 태그 사용 등...) 5. 축약형 또는 단축형은 사용하지 않는다 축약형 - (#fff ===> #ffffff; ) 단축속성 - (font: 16px / 1.4 Arial; ===> font-size:16px;line-height:1.4; font-family: Arial; ) https://www.npmjs.com/pack.. 2019. 6. 4. 이전 1 2 다음 728x90 반응형