build

[Vue.js] Vue-cli 와 webpack-bundle-analyzer 👩‍💻 webpack-bundle-analyzer webpack-bundle-analyzer는 웹팩을 통해 번들링되는 모듈의 크기를 시각적으로 보여준다. 번들 파일의 용량을 확인함으로써 번들 크기에 문제가 있는 번들을 확인하고 줄일 수 있도록 하여 속도 향상시킬 수 있도록 도움을 준다. ⛏️ 설정하기 기본적으로 build 를 하게되면 자동으로 실행되며, pluginOptions.webpackBundleAnalyzer에 옵션을 추가할 수 있다. // vue.config.js pluginOptions: { webpackBundleAnalyzer: { // 이곳에 webpack-bundle-analyzer 옵션을 추가하면 된다. an..

[Vue.js] Vue-cli 빌드 후 로컬에서 실행하기 vue-cli spa 프로젝트를 웹팩, 빌드 시간 단축, 성능 측정 등 테스트하기 위해 로컬에서 실행하는 방법이다. 1. 프로젝트 빌드 $ npm run build 2. 프로젝트 실행 $ npm install -g serve $ serve -s dist [참고] https://cli.vuejs.org/guide/deployment.html#previewing-locally 🎇 ERROR 발생시 해결 1. error Unexpected console statement no-console // vue.config.js module.exports = { devServer: { overlay: false // remove `error Unexpected ..

babel plugin 중 하나인 babel-plugin-transform-remove-console를 사용하여 한 번에 지울 수 있다. 1. babel-plugin-transform-remove-console 설치 babel-plugin-transform-remove-console $ npm install --save-dev babel-plugin-transform-remove-console 2. nuxt.config.js에 설정 export default { build: { babel: { // 옵션 있는 경우 plugins: [['transform-remove-console', { "exclude": [ "warn" ] }]], // 옵션 없는 경우 plugins: [['tra..

[Electron] 빌드(build) 하기 2 ( electron-builder ) 이전 글 `[Electron] 빌드(build) 하기 ( electron-builder )`에 정보를 조금 더 추가한 글입니다. mac사용자를 위해 osx 빌드가 필요했고, 관련해서 찾아보았습니다. 다행히 한글로된 글이 존재했고, 해당 글을 따라 했습니다. (출처) * 사용 방법 지난 번과 마찬가지로 package.json을 수정해줍니다. 이번에는 각 요소에 대한 설명을 하진 않겠습니다. 필요하다면 이전 글을 참고해 주세요. { ... "scripts": { ... "build": "electron-builder build", "build:osx": "build --mac", "build:win32": "build --w..

[Electron] build 시 unresolved modules 오류 해결 방법 Electron Build 할 때 아래와 같이 jQuery, popper 등 오류날 경우 > build Configuring yargs through package.json is deprecated and will be removed in the next major release, please use the JS API instead. Configuring yargs through package.json is deprecated and will be removed in the next major release, please use the JS API instead. • electron-builder version=20.3..