바닐라js환경,
script.js에서 data.js를 불러오고 script.js를 entry로 설정하여 번들링 중이었다.
data.js를 모듈화했는데도 화면에 렌더링 하는 과정에서 콘솔에러가 났다.
Uncaught ReferenceError: DOMPurify is not defined
at eval (data.js:793:17)
at Array.map (<anonymous>)
at eval (data.js:789:3)
at ./data.js (38132871f8446cdb60c9.bundle.js:18:1)
at __webpack_require__ (38132871f8446cdb60c9.bundle.js:63:41)
at eval (script.js:1:36)
at ./script.js (38132871f8446cdb60c9.bundle.js:39:1)
at __webpack_require__ (38132871f8446cdb60c9.bundle.js:63:41)
at 38132871f8446cdb60c9.bundle.js:86:37
at 38132871f8446cdb60c9.bundle.js:88:12
DOMPurify가 필요하다고 해석했고 $ npm install dompurify
로 설치했다.
그리고 data.js 내부에서
const { sanitize } = require('dompurify');
로 불러와주고,
DOMpurify.sanitize()
라고 되어있던 부분을 sanitize()
로 변경해주었다.