程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使 webpack 和 CRA 在监视模式下发出文件大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决使 webpack 和 CRA 在监视模式下发出文件?

开发过程中遇到使 webpack 和 CRA 在监视模式下发出文件的问题如何解决?下面主要结合日常开发的经验,给出你关于使 webpack 和 CRA 在监视模式下发出文件的解决方法建议,希望对你解决使 webpack 和 CRA 在监视模式下发出文件有所启发或帮助;

我正在尝试让 CRA's start script 在更改时发出文件,而不是将它们保存在内存中。@H_618_5@

我正在努力实现 Google Chrome 扩展程序,因此我需要将文件刷新到文件系统,以便 Chrome 可以获取它们。并且构建每个更改不如自动编译方便。@H_618_5@

我尝试使用 react-app-rewired 来覆盖 webpack 配置中的一堆道具,包括 @H_484_3@mode、watch,并查看“output.path”,但到目前为止没有运气.@H_618_5@

或者 CRA 的“开始”脚本永远不会发出底层,因为加载器没有调整到这样做?@H_618_5@

感谢您的帮助!@H_618_5@

解决方法

可能需要CRACO。@H_618_5@

Create React App Configuration Override 是一个简单易懂的 create-react-app 配置层。@H_618_5@

$ npm install @craco/craco --save

在根目录创建一个craco.config.js文件并配置CRACO:@H_618_5@

@H_484_3@my-app
├── node_modules
├── craco.config.js
└── package.json

更新package.json:@H_618_5@

/* package.json */

"scripts": {
-   "start": "react-scripts start",+   "start": "craco start",-   "build": "react-scripts build",+   "build": "craco build"
-   "test": "react-scripts test",+   "test": "craco test"
}

最后,编辑 craco.config.js 文件:@H_618_5@

@H_484_3@module.exports = {
  devServer: (devServerConfig) => {
    devServerConfig.writeToDisk = true;
    return devServerConfig;
  },};

大佬总结

以上是大佬教程为你收集整理的使 webpack 和 CRA 在监视模式下发出文件全部内容,希望文章能够帮你解决使 webpack 和 CRA 在监视模式下发出文件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。