WebpackスタイルローダーappendChildいいえCSPフレンドリー

Question

CSP（コンテンツセキュリティポリシー）は、webpackのスタイルローダーがappendChildをどのように使用しているのが好きではありません。一緒に働くためにこれらのツールをカスタマイズする方法はありますか？

Answer 1

<script>タグにカスタム属性を追加できるように、スタイルローダーには新しいattrオプションがあります。私はnonceのattr追加するためにそれを使用しています：

{ 
    loader: 'style-loader', 
    options: { 
    attrs: { 
     nonce: 'devOnly', 
    } 
    } 
} 

をそれから私は（あなたがとにかく生産のためExtractTextPluginを使用する必要があります）のみの開発環境のために、私のCSPのポリシーに、このnonceを追加しました： style-src 'self' 'nonce-devOnly'