웹 팩 4 사용자 정의 loader 제거 또는 js 문자열 교체

재 개발 과정 에서 모든 js 파일 의 일부 문자열 을 통일 적 으로 처리 해 야 할 때 가 있 습 니 다. l 웹 팩 이 제공 하 는 사용자 정의 loader 를 이용 하여 포장 할 때 통일 적 으로 처리 할 수 있 습 니 다.
webpack. config. js 설정

rules:[
      {
          test: /\.js$/,
          //loader: 'happypack/loader?id=happybabel',
          loader: './replace-str-loader',
      }
      ]

새 replace - str - loader 모듈, index. js 중

module.exports = function(context){
    console.log(context);
    return context.replace(/console\.log\(.*?\)/g,"");//   renturn  
}

app.js

console.log(2);

사용자 정의 loader 전에 포 장 된 app. js 가 없습니다.

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["app2"],{

/***/ "./app.js":
/*!*****************!*\
  !*** ./app.js ***!
  \*****************/
/*! no static exports found */
/***/ (function(module, exports) {

eval("console.log(2);

//# sourceURL=webpack:///./app.js?");

/***/ })

},[["./app.js","runtime"]]]);

사용자 정의 loader 사용 후 포장

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["app2"],{

/***/ "./app.js":
/*!*****************!*\
  !*** ./app.js ***!
  \*****************/
/*! no static exports found */
/***/ (function(module, exports) {

eval(";

//# sourceURL=webpack:///./app.js?");

/***/ })

},[["./app.js","runtime"]]]);

이 방법 은 임의의 문자열 을 바 꾸 는 데 도 사용 할 수 있 습 니 다replace(/console\.log\(.*?\)/g,"hhhhh");