webpack에서 특정 변수 모듈화 방지

간혹 electron이나 ionic, cordova같은 half-native형식의 앱을 만들려고 할 때, 전역 변수를 사용해야 하는 상황을 맞이할 수 있다. 문제는 webpack으로 모듈화가 진행되면 모든 변수들은 압축된다는 것. 이를 방지하려면 하단의 코드를 참고하자.

 

const webpack = require("webpack");

module.exports = {
  plugins: [
    new VueLoaderPlugin(),
    new webpack.ExternalsPlugin('commonjs', [
        'electron'
    ])
  ]
};

 

electron 변수는 그대로 압축하는 코드이다.