为 create-react-app 开发禁用 CSP

Disabling CSP for create-react-app development

当 webpack 的 style-loader 试图在 create-react-app (CRA) 中附加内联 CSS 时,style-src 的严格 CSP 似乎会不高兴:

我想知道我是否需要使用 webpack 开发服务器来利用随机数令牌,或者 CRA 是否有在开发过程中规避这种风格问题的一种方法。 REACT_APP_INLINE_RUNTIME_CHUNK=false 值在这种情况下似乎没有帮助(事实上,我没有看到将其设置为 true 与 false 之间通过网络传输的资源的差异)。但我是 运行 npm start 而不是 npm build,我认为后者使用环境变量正确构建,不确定 CRA 开发服务器。

据我所知,CRA 并不真的希望您凌驾于一切之上。但是,如果必须,您可以使用 react-app-rewired 之类的东西,或者弹出(强烈建议不要这样做,因为它会破坏 CRA 用来保持一切整洁和工作的软件包更新)。

在 node_modules/react-scripts/config/webpack.config.prod.js 中也修改了构建文件本身,尽管我目前正在做的是在开发过程中注释掉元标记并在提交时取消注释,这是关于如果无论如何我都必须 rebuild/reinstall 更新模块,我认为同样的工作量。虽然我通常不会经常更新它。

来源: