javascript - webpack loader から DOM にアクセスする方法

Question

特定のファイル拡張子の webpack ローダーを作成しており、カスタム インポートを DOM に追加したいと考えています。

module.exports = function(source) {
    ...
    document.appendChild(myImport)

    return `export default 'hello'`;
}

しかしDOMにはアクセスできません

ReferenceError: ドキュメントが定義されていません

ローダーから DOM にアクセスする方法はありますか?

私のwebpack構成は次のとおりです。

const path = require('path')

module.exports = {
    ...
    module: {
        rules: [{
            test: /\.myextension$/,
            use: {
                loader: 'my-loader'
            }
        }]
    }
};