2월, 2019의 게시물 표시

Webpack v4 copy-webpack-plugin 할 때, Uglify하는 방법

Webpack v4 copy- webpack-plugin 할 때, Uglify하는 방법 Webpack v4로 바뀌면서, 이래저래 기존 Plugin이 보조를 맞춰 올라오지 못하는 경우가 많다. 그러다 보니, 원하지 않는 메시지를 보게 되는데, 결과를 얻는데는 문제가 없더라도, 아무래도 거슬릴 수밖에 없다. 표시되는 메시지 const webpackConfig = { plugins: [ new CopyPlugin( [ { from: path.resolve(__dirname, 'dest', `jquery${PRODUCTION ? '.min' : ''}.js`), to: 'libs', transform : PRODUCTION && content => Promise.resolve(Buffer.from(Terser.minify(content.toString(), terserOptions).code, 'utf8')) } ] ) ] }; ES6를 사용한다고 가정하고, Terser Plugin을 사용했지만, 상황에 따라 Uglify Plugin을 사용해도 된다.

Mac OS X/macOS에 MS Windows 8/8.1/10 설치하기

이미지
Mac OS X/macOS에  MS Windows 8/8.1/10 설치하기 단계별 진행 과정 ISO 다운로드 MS 에서 정식 배포본 다운로드 추천 8.1: https://www.microsoft.com/ko-kr/software-download/windows8ISO 10: https://www.microsoft.com/ko-kr/software-download/windows10ISO 배포 준비 작업 Boot Camp Driver 다운로드 Boot Camp Assistant를 이용하는 경우 Boot Camp Assistant 실행 "Download the latest Windows support software from Apple"만 선택 대상 USB drive를 넣는다. 직접 다운로드 받는 경우:  https://support.apple.com/ko_KR/downloads/macoscomponents MS Windows 7 에서 하는 경우 MS 에서 AIK 다운로드 설치 : https://www.microsoft.com/ko-kr/download/details.aspx?id=5753 MS Windows 8/8.1 에서 하는 경우 MS 에서 ADK 다운로드 설치 : https://www.microsoft.com/ko-kr/download/details.aspx?id=39982 disk 준비 ISO Image Letter: “D” Disk Type D#1 GPT P#1 EFI ID: EFI Size: 384MB FS: FAT32 Label: “System” Letter: “S” P#2 MSR ID: MBR Size: 128MB FS: None Label: None Letter: None P#3 Data ID: Maybe Windows Data Size: Rest - 1GB for Recovery

Webpack v4 webpack-concat-plugin Deprecation Warning이 거슬릴 때

Webpack v4 webpack-concat-plugin Deprecation Warning이 거슬릴 때 Webpack v4로 바뀌면서, 이래저래 기존 Plugin이 보조를 맞춰 올라오지 못하는 경우가 많다. 그러다 보니, 원하지 않는 메시지를 보게 되는데, 결과를 얻는데는 문제가 없더라도, 아무래도 거슬릴 수밖에 없다. 표시되는 메시지 node run production > xxx_xx_5.0.2@0.0.1 production /xxx_xx.5.0.2 > cross-env NODE_ENV=production webpack --colors --config webpack.config.js clean-webpack-plugin: /xxx_xx.5.0.2/production has been removed. (node:10946) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead 빨간색 표시된 부분과 같은 메시지가 자꾸 출력되는데,  " webpack-concat-plugin " 을 사용하고 있다면, 아직까지는 딱히 수정하기는 어렵다. 그러면, webpack.config.js를 한번 보자. const ConcatPlugin = require('webpack-concat-plugin'); // ... const webpackConfigs = { plugins: [ new ConcatPlugin({ uglify: PRODUCTION, sourceMap: !PRODUCTION, name: 'test', outputPath: 'dest', fileName: '[name].js', filesToConcat: [ path.join(__dirname, 'src', &