CRA webpack -输出单独的文件
CRA webpack是指Create React App（CRA）中使用的webpack配置，用于将React应用程序打包成单独的文件。
Webpack是一个现代的JavaScript应用程序静态模块打包工具，它可以将多个模块打包成一个或多个bundle文件，以便在浏览器中加载。CRA是一个由Facebook创建的React应用程序脚手架，它提供了一个预配置的开发环境，使得创建React应用变得更加简单。
通过CRA webpack配置，我们可以将React应用程序打包成单独的文件，这样可以提高应用程序的加载速度和性能。单独的文件可以减少网络请求次数，并且可以通过缓存来提高应用程序的加载速度。
CRA webpack的输出单独的文件有以下优势：
- 加载速度：将React应用程序打包成单独的文件可以减少网络请求次数，从而提高应用程序的加载速度。
- 性能优化：单独的文件可以通过缓存来提高应用程序的加载速度，并且可以减少服务器的负载。
- 维护性：将React应用程序打包成单独的文件可以使代码结构更清晰，便于维护和管理。
CRA webpack的输出单独的文件适用于以下场景：
- 生产环境部署：在将React应用程序部署到生产环境时，将应用程序打包成单独的文件可以提高性能和加载速度。
- 网络传输：单独的文件可以减少网络传输的数据量，从而降低网络传输的成本。
- 缓存优化：通过将React应用程序打包成单独的文件，可以利用浏览器的缓存机制来提高应用程序的加载速度。
腾讯云提供了一系列与云计算相关的产品，其中与CRA webpack的输出单独的文件相关的产品是腾讯云的对象存储（COS）服务。对象存储是一种云存储服务，可以将大量的非结构化数据以对象的形式存储在云端，并通过HTTP/HTTPS协议进行访问。您可以使用腾讯云的对象存储服务来存储和分发React应用程序的静态资源文件。
腾讯云对象存储（COS）的产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
我要做的是将env变量设置为CRA，但使用的是webpack。我已经创建了两个与CRA类似的环境文件。.env.development和.env.production。这两个文件在CRA中工作。我在webpack配置文件中使用dotenv-webpack来设置process.env变量，如下所示。它在本地主机上工作，但在生产环境上不起作用。 const Dotenv = require("dotenv-webpack")
const isProduction = process.env.NODE_ENV === "production"
//webpack
浏览 136提问于2021-09-13得票数 0
我是React world的新手，我正在尝试将其集成到一个使用ASP .net的新项目中。我想在对React.net integration不感兴趣的create react app,上使用React.js。 我见过几个examples不使用CRA命令，而是自己配置构建设置(webpack，巴别塔等)，我正在尝试这种方法，但我担心如果项目增长，我会失去对更新的跟踪，等等。 在该example中，您需要将webpack捆绑文件的输出添加到index.cshtml中。 <div id="root"></div>
@section scripts {
浏览 15提问于2019-03-04得票数 5
1回答
我正在开发一个用v2创建的React应用程序。最近，我开始使用CSS中的JS库，即样式化的组件。在此之前，我不太关心整个应用程序是重新加载到每一个更改上，还是有热门模块替换。但是当我更改css时，当整个应用程序被重新加载时，使用css是非常恼人的。
我发现，尽管事实是，webpack配置的hot选项是由CRA2启用的，没有热重新加载。
我应该说，我从来没有配置过HMR自己在webpack，所以我没有一个坚实的知识，它应该如何使用。
我在寻找一个决定，但对我来说，这一切都很模糊。我提出了以下问题：
和普通的HMR有什么区别？我可以让热模块替换(至少对于css)没有反应-热加载程序？
我能
浏览 3提问于2019-04-04得票数 0
我刚刚创建了一个新的CRA应用程序。在我们的组织中，我们有一个微前端框架，当涉及到每个微前端应用程序的资产文件时，这个框架有一定的要求。在默认情况下，CRA将创建一个资产声明. file文件。
现在，我需要将这个文件更改为assets.json，并进行一些结构更改。为了实现这一点，我使用CRACO并添加WebpackManifestPlugin。
const ManifestPlugin = require('webpack-manifest-plugin');
module.exports = {
webpack: {
plugins: {
浏览 3提问于2021-11-15得票数 0
我试着在CRA 3.x上自定义webpack配置而不弹出。我想在外部目录上自定义构建输出。我见过的唯一解决方案是使用插件react app rewired，但它似乎只在CRA < 2上有效。有没有其他方法可以在不弹出我的CRA的情况下实现这一点？
浏览 10提问于2019-07-12得票数 2
回答已采纳
我使用sass (scss)和react，我遇到了一个使用@debug指令的问题。使用Rails，调试指令输出到控制台，但是使用ReactJS (通过cra)，我在react控制台中看不到它。
问题
如何在使用ReactJS与webpack一起编译时调试scss文件？
浏览 1提问于2020-07-14得票数 2
回答已采纳
模块联盟需要Webpack 5。去年12月发布的新的( CRA ) v5升级到Webpack 5。它如何帮助使用带有CRA而不弹出的CRA？有关于如何清楚地做这件事的指南吗？
浏览 13提问于2022-01-19得票数 2
我一直试图建立基于他们的文档的Cypress代码覆盖范围，但它不包括CRA (创建-反应-应用程序)在2022年的类型记录，所以我一直有一些麻烦。
我的文件夹结构是: root/cypress/support root/cypress/plugins /cypress/cypress/components/cypress/e2e
support/index.js的内容：
import "@cypress/code-coverage/support";
插件/index.js的内容
module.exports = (on, config) => {
requi
浏览 22提问于2022-07-26得票数 1
回答已采纳
我已经设置了webpack别名，并重新连线了react app(使用来自customize-cra的customize-cra的)，但只有当文件名具有filename.tsx或filename.ts格式时，才能工作。
我们使用典型的命名约定：
mycomponent.component.tsxredux文档中的组件(如：)
等等。
在不使用webpack别名的情况下，引用这些文件很好，但是当添加别名时，只有没有.description.ts的文件才能正确解析。VS代码正确解析文件，只有webpack才不起作用。
例如：
import { Home } from '@pages'
浏览 18提问于2022-09-26得票数 0
我最近将CRA更新为v4，现在webpack不能识别绝对导入。出现以下错误：
TypeError: store__WEBPACK_IMPORTED_MODULE_1__.default.model is not a function
导入如下所示：
import store from 'store';
并且它从src文件夹导入store
我的jsconfig.json看起来像这样：
{
"compilerOptions": {
"baseUrl": "./src"
}
}
对于CRA v3，它工作得非常好。如何才能
浏览 0提问于2021-03-11得票数 3
2回答
在CRA中，我在SCSS中有一个通用的样式指南，它使用@use导入模块级的scss文件，也使用dart SASS。
我已经将引用从@import更改为@use，并期望Webpack作为通用代码处理，将创建一个单独的块。
问题
如何为通用样式指南制作一个通用块。
截图
浏览 0提问于2021-11-17得票数 1
我已经用Crey-ReactiveAppVersion3.4.1引导了我的应用程序，并且正在使用Craco版本5.6.4对Webpack配置CRA进行修改。由于我无法控制的特定客户端期望，我需要使用build/js/main.js和build/css/main.css文件结构。我已经成功地使用Craco按照需要修改了文件输出，但我最终得到了CSS文件的附加副本，并添加了块哈希。
这是我的craco.config.js
const { POSTCSS_MODES } = require('@craco/craco');
const webpack = require('w
浏览 23提问于2020-08-26得票数 6
目前，我正在使用默认webpack配置的创建反应应用程序的巴贝尔转移溢出。似乎默认的babel加载程序(在CRA配置中)使用“babel-预设-react”。现在，我只想防止JS文件转移到ES5，因为我不需要支持Internet。我希望这将带来一些增加的建设时间。
正在使用的版本：
Webpack 4
Babel Loader 8
react app-重新连接2.1
定制-cra 0.9
浏览 0提问于2021-05-06得票数 3
回答已采纳
我确信这一切都是关于我使用的WebPack ("webpack-cli": "3.3.11")版本的，但我想确定的是，在进行另一次升级WebPack的调试之前(我试图将它升级到5，但是没有配置文件它就不能工作，我只是把限制扩展到读-手动指令)。
在tsconfig.base.js中，我有以下内容：
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
(使用单独的tsconfig.base.json的原因在下面链接的问题中。)
然后是这样的：
浏览 6提问于2021-06-12得票数 1
回答已采纳
我知道CRA (创建-反应-应用)有一个默认的webpack配置文件，可以做模块捆绑，损坏，压缩文件大小等。
当我自己设置了一个cra的时候，有没有性能上的差异，或者说有什么优势？
哪个是好的？
浏览 0提问于2021-03-02得票数 0
我有一个带有前端和django后端的CRA应用程序。我使用react-app-rewired在前端覆盖webpack的配置，这样就可以保存webpack-dev服务器的输出，以供django使用。
但我击中了这个问题，如下面的截图所示。
下面是我的重写-config.js，它用于覆盖开箱即用的CRA webpack配置。
奇怪的是，对于前端产品的构建没有这样的问题(运行yarn build，然后在浏览器中打开localhost:8000，我就可以正确地获得前端)。上面的Refuse to execute ...问题只在我运行yarn start for开发模式时发生。
这是我的pa
浏览 4提问于2021-03-18得票数 1
1回答
我正在读一篇关于Webpack的文章，现在我不得不开始读Webpack了，但是我犯了一个错误。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! cra-tutorial@1.0.0 build: `webpack`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the cra-tutorial@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional
浏览 0提问于2021-01-04得票数 0
我使用CRA与CRACO一起添加另一个条目文件到webpack配置。
以下是代码：
module.exports = {
webpack: {
configure: (webpackConfig, {paths}) => {
return {
...webpackConfig,
entry: {
main: paths.appIndexJs,
content: './src/chromeServices/DOMEvaluator.ts',
},
}
浏览 7提问于2022-06-24得票数 3
回答已采纳
1回答
我们正在处理以前弹出的create-react-app，现在希望添加流类型。
我们遵循的指南是：
这应该适用于一个弹出的应用程序吗？
不幸的是，这导致与yarn start一起启动的webpack-dev服务器在文件更新时停止自动重新加载。
此外，在将// @flow添加到某些文件后，没有输出或显示流强制类型检查。
我们需要手动更新webpack的信任吗？
以下是package.json脚本
"scripts": {
"start": "node scripts/start.js",
"build": "
浏览 0提问于2018-03-30得票数 0
回答已采纳
我用创建了一个基本的react应用程序。我删除了所有默认文件，并将其添加到索引文件中。
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
class App extends Component {
constructor() {
super();
this.state = {};
}
async componentDidMount() {
const response = await fetch('/express_backe
浏览 0提问于2019-04-29得票数 1
回答已采纳
1回答
我需要创建一个，我想使用CRA，因为我想引用主应用程序的代码，它也是用CRA编写的。
我尝试了，但它只转换JS代码，保留所有其他文件(CSS、SVG)，并且我的库的用户不在CRA上，因此SVG支持不存在。
// babel.config.js
module.exports = function (api) {
api.cache(true);
const presets = ["@babel/preset-env", "@babel/preset-react"];
const plugins = ["macros"];
浏览 4提问于2022-03-07得票数 2
我正在尝试在React项目中设置服务器端路由。像往常一样，我使用了CRA。当我尝试从我的终端运行start命令时，我得到以下屏幕中显示的错误： ? 有人能帮我解决这个问题吗？我认为问题是我在使用CRA，因为从我所读到的来看，我似乎需要采取一些额外的步骤来让我的应用程序在使用CRA时读取我的babel配置文件。不过，我还是不太明白。这是我的webpack.config.js文件的样子： var path = require('path')
var webpack = require('webpack')
var nodeExternals = require
浏览 29提问于2021-01-15得票数 0
回答已采纳
1回答
我正在制作一个库来抽象出我在多个项目中使用的一些组件。有些项目是用CRA做的，有些是用盖茨比做的，有些可能是其他的。我使用了Neutrino.js框架/工具链，因为它是在React站点上链接的，但我遇到的问题是，在默认情况下，生成的输出文件都使用window对象，这会导致gatsby build崩溃，因为Node/SSR中不存在window。有没有办法使中微子/webpack的输出不使用窗口？在寻找解决方案的同时，与其他库相比，ESM似乎是最好的，但我不知道如何让webpack使用它，我认为目前不支持它。还有别的工具我应该用来做这个吗？
浏览 0提问于2020-08-06得票数 6
回答已采纳
问题
create-react-app v2+支持TypeScript和CSS模块.分开。当你试图将两者结合使用时，问题就出现了。讨论了这个问题，并最终在GitHub上关闭了它。因此，开发人员必须使用黑客和其他解决方案，使这两种技术与CRA一起发挥良好的作用。
现有的解决方案
您可以使用以下类型定义手动创建ComponentName.module.css.d.ts文件：export const identifierName: string。这允许您在导入ComponentName.module.css时利用类型记录的输入和VS代码的自动完成。不幸的是，这是非常乏味的。
解(?)
Dropbox
浏览 5提问于2019-10-14得票数 15
我正在尝试在我的React应用程序中需要一些JSON文件(基于带Typescript的CRA 3.01 )。
如果我的文件有一个.json扩展名，那么普通的const obj = require('./path/file.json')就可以工作了--然而，这些文件有用于“元数据”的.md和其他几个扩展名，而标准的require不起作用。这些文件来自一个工具，因此更改为.json不是一个实际的选择。
做了一些研究，似乎是使用webpack的json-loader模块( webpack的json-loader文档说，使用不同的文件扩展名是使用该模块的主要原因)。我找到了一个示例，并
浏览 7提问于2019-07-25得票数 0
我正在开发一个react组件，它依赖于另一个UI组件(react-widget/lib/DropDownlist)。这个javascript模块有以以下文件扩展名结尾的资源：*.gif、*.eot、*.svg、*.woff、*.ttf。
Webpack4抱怨说它不知道如何处理这些文件类型，我可能需要一个加载程序来处理这些文件类型。一个错误是：
Error in .../react-widgets/dist/fonts/rw-widgets.svg?v=4.1.0
Module parse failed: ...
**You may need an appropriate loader to h
浏览 2提问于2018-05-25得票数 2
回答已采纳
我有一个CRA项目设置，它运行良好。然而，我正在考虑把它踢出去，用Parcel.js代替Webpack。弹出后，我该怎么办？index.js文件在src文件夹中是我唯一需要的包文件吗？
浏览 2提问于2018-01-08得票数 15
回答已采纳
2回答
我正在使用的说明来尝试将react-hot-loader版本3添加到create-react-app中。(滚动到底部看到巴贝尔和webpack吐露)
编辑：将'webpack/hot/dev-server'更改为'webpack/hot/only-dev-server'允许热重加载工作。为什么会这样呢？此外，如果无法重新加载完整状态，如何使其重新加载网页？
预期行为：
编辑编辑器中的React组件将替换浏览器中的模块，而不会刷新浏览器。
实际行为(有更改的信任)：
编辑编辑器中的React组件会刷新浏览器，无论在哪里进行更改，并显示该更改。
我的代码：
我使用以
浏览 2提问于2016-09-19得票数 2
回答已采纳
我使用cra，并通过.env文件传递变量。在构建过程中，webpack替换了对process.env的引用...有了.env文件中的值，块中包含了“硬编码”的值，这就是为什么我每次都要重新构建应用程序，才能将其部署到不同的环境。 我怎么能这样配置webpack，而不是仅仅为了改变环境变量而重建整个应用呢？
浏览 14提问于2021-04-01得票数 2
1回答
我已经使用create- react -app创建了一个react应用程序，并且我正在为css使用less。我的应用程序构建正确，但在build/static文件夹中加载的文件较少
我使用带有react-app-rewired的customize-cra来为更少的文件添加一个加载器。
config-overrides.js文件
const {
override,
addLessLoader
} = require('customize-cra');
const path = require('path');
module.exports =
浏览 6提问于2021-03-25得票数 1
1回答
当webpack的style-src试图在一个创建反应应用程序(CRA)中添加内联CSS时，严格的CSP似乎会让style-loader感到不快：
我想知道我是否需要使用webpack dev服务器来利用现在的令牌，或者CRA是否有办法在开发过程中避免这种风格问题。在这种情况下，REACT_APP_INLINE_RUNTIME_CHUNK=false值似乎没有帮助(实际上，我没有看到将其设置为true与false之间的资源之间的差异)。但是我运行的是npm start而不是npm build，我认为后者使用环境变量进行了正确的构建，并不确定CRA服务器。
浏览 3提问于2021-09-05得票数 0
回答已采纳
我有一个现有的项目更新到react-scripts@5.0.0。试图构建或运行dev服务器将导致
TypeError: The 'compilation' argument must be an instance of Compilation
根据建议，这是由于webpack版本的冲突，我发现以下在我的node_modules。
node_modules/webpack
node_modules/react-scripts/config/webpack
node_modules/react-scripts/node_modules/.bin/webpack <--- th
浏览 4提问于2022-03-31得票数 1
2回答
docker-compose up没有显示我所有服务的日志输出(stdout)。
当我手动运行容器时，我得到输出：
$ docker run -it simple/cra-products /usr/local/bin/cra-products
[Info#INIT] cra-products
[Info#CONFIG] loadConfig
...
但是，当我运行它与坞-撰写，输出停止在附加。
$ docker-compose up cra-products
underwriting_cra-products_1 is up-to-date
Attaching to underwriting
浏览 4提问于2017-04-22得票数 3
回答已采纳
我的任务是将库引入现有的创建基于react应用程序的应用程序。 这个库需要被构建来分离块，并且不应该在名称中包含任何contenthash。理想情况下，应该构建为buildDir/js/widget.js，也就是说。 目前，所有my ts都在构建过程中编译为js，并在名称上使用contenthash提供服务。我不知道如何从src/widget/index.ts构建widget.js，因为入口点是src/index.ts，而且它永远不会捕获src/widget/index.ts，因为它不会导入到主入口点中的任何地方。 这个widget.js稍后将通过标签导入到第三方web应用程序中，它将用于初
浏览 15提问于2021-02-10得票数 0
我正在尝试向使用CRA (Create React App) bootstrapping工具启动的React应用程序添加自定义服务工作者。我已经将我的自定义服务工作者Javascript添加到了构建输出文件夹中，它由webpack提供服务。但是，我无法注册它，因为webpack开发服务器正在以某种方式提供mime类型为"text/html“的文件。我已经弹出了CRA脚本，并在WebpackDevserver.config.js中添加了自定义的快速配置，以便将所有以'.js‘结尾的文件标记为文本/javascript。我用一个之前和之后的钩子做到了这一点，如下所示：
before
浏览 49提问于2018-09-12得票数 0
2回答
如何添加webpack插件
、、、、
我使用rca与react重新连线包装。为了向webpack添加自定义配置，我创建了config-overrides.js文件来存储配置设置。我添加了一个babel-plugin-import，这非常容易。但是现在我想使用moment-locales-webpack-plugin来配置我的应用程序中的一个区域设置，以减少应用程序的重量。
const { override, fixBabelImports, addWebpackPlugin } = require('customize-cra');
const MomentLocalesPlugin = require('
浏览 0提问于2019-11-15得票数 5
1回答
因此，我有一个应用程序，我正在构建使用 (CRA)。
在我的其中一个组件中，我需要渲染18张图像，虽然很小。我现在就是这样做的。
renderImages() {
return someArray.map((someValue, index) => {
let image = require(`../images/${someValue}.png`);
return (
<Image src={image} key={index} />
);
});
}
基本上，我正在循环一个具有png所有名称的数组，
浏览 2提问于2017-09-02得票数 0
我一直在尝试设置webpack，并在没有CRA术语的情况下使用typescript进行反应。开发服务器不会将文件发送到要在浏览器中查看的index.html文件。eject上的CRA模板有多个用于构建和开发模式的js脚本，但我想省略它，并尽可能保持结构的整洁和简单。
Package.json-
"scripts": {
"start": "webpack-dev-server --mode development --open --hot",
"build": "webpack --mode produ
浏览 0提问于2020-03-14得票数 0
2回答
我正在尝试将Storybook配置为从一个不是项目根的目录中运行，我遇到了一点小麻烦。我已经建立了一个以为基础的单代表系统。
我的项目目录如下所示：
- project
-- packages
---- app
---- components
---- utils
---- stories
------ .storybook
-------- main.js
------ ComponentA
-------- ComponentA.stories.mdx
由于我使用的是带有别名的monorep (例如，组件可以从@project/utils导入)，所以我在.storybook/main.js
浏览 13提问于2021-08-13得票数 6
1回答
我试图迁移一个弹出的创建-react应用程序到Webpack 5，并遇到了这个错误：
Failed to compile.
The "path" argument must be of type string. Received undefined
error Command failed with exit code 1.
我认为错误来自于output.path，在开发中它默认是未定义的，我尝试将它设置为空字符串-或绝对路径，但它不会解决。我已经能够成功地让Webpack 5在一个非CRA应用程序上工作，让路径不被定义，所以我认为它与CRA配置有关。另外，我遵循了这个指南
浏览 4提问于2020-09-22得票数 3
我想构建我的项目，但是我的块文件是在错误的路径中生成的。我试过publicPath，chunkFilename..。但它们不管用。我想将块文件移动到./build/静态/js路径中。我的config-overrides.js文件在这里，
const path = require('path');
const { override } = require('customize-cra');
const cspHtmlWebpackPlugin = require("csp-html-webpack-plugin");
const cspConfig
浏览 5提问于2022-09-01得票数 0
我从Vue转到了React，我喜欢使用CRA工具在SharePoint上制作界面。我的常规方法包括构建应用程序并将构建的index.html文件链接到SharePoint Content Editor Web Part (CEWP)。
我最近需要在同一个页面上有两个CRA构建，我遇到了一个构建对DOM的控制会覆盖页面上另一个构建的内容的问题。
我现在的理解是，不能在同一页面上存在多个CRA。我不想弹出我的应用程序。在我的研究中，webpack似乎将这个“jsonpFunction...”分配给了两个应用程序。我读到的一个建议是，找到并替换其中一个应用程序中的所有实例，并将其更改为"wi
浏览 2提问于2021-02-09得票数 0
我正在使用npm react app-rewired定制-cra csp-html-webpack-plugin来给我的应用程序提供更多的安全性，如下面的示例。
我的config-overrides.js如下所示
const { override } = require("customize-cra");
const cspHtmlWebpackPlugin = require("csp-html-webpack-plugin");
const cspConfigPolicy = {
"default-src": "'non
浏览 6提问于2022-02-16得票数 2
这个简单的钩子应该返回窗口的宽度和高度。我在一个使用CRA的项目中做了这个钩子，在那里我没有遇到任何问题。在当前的项目中，为了更好地理解react的工作原理，我让而不是使用CRA。因此，我认为我收到的错误可能与我的webpack吐露或依赖有关。
import { useState, useEffect } from "react";
export default function useWindowSize() {
const [windowSize, setWindowSize] = useState({
width: undefined,
浏览 2提问于2022-11-16得票数 0
我正在尝试通过删除不必要的图标来减小Ant Design库的大小。我在网上找到了这个解决方案，https://github.com/ant-design/ant-design/issues/12011#issuecomment-423173228 解决方案涉及到如下配置Webpack： module.exports = {
//...
resolve: {
alias: {
"@ant-design/icons/lib/dist$": path.resolve(__dirname, "./src/icons.js")
}
浏览 17提问于2019-03-05得票数 3
在我的创建-反应-应用程序中，我更改了我的一个组件的呈现方法，现在我在铬控制台中得到了这个方法：
webpack-子资源-完整性:webpack-子资源完整性可能干扰热重装。考虑在开发模式下禁用此插件。
这是CRA相关的还是webpack的？我怎么解决这个问题？
浏览 1提问于2018-10-17得票数 0
1回答
我试图在我的webpack.config文件中将两个css输出为js文件，但我面临两个问题：
1)我的输出文件有一个.js扩展名，但是其中一个输出文件需要一个css文件(scss.bundle.css)。我该怎么做呢？
2)我的加载程序需要链接到正确的输出文件，我认为它现在不能正常工作。
如果你能在这里帮助我，请告诉我。我认为webpack的知识非常有限。
var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require(
浏览 3提问于2016-10-11得票数 0
回答已采纳
在多个地方，我读过Webpack 4+，它会自动从生产代码中删除以下内容：
if (process.env.NODE_ENV === "development") {
// assert something
}
但是，生产代码中仍然存在上述内容。我在用CRA。
如何使Webpack删除开发代码，最好没有非官方加载程序？
浏览 2提问于2020-11-14得票数 0
回答已采纳
1回答
有没有办法确保在Chrome浏览器(或者像Edge这样的其他浏览器)中调试代码是可读的？以使代码以与编写代码相同的方式显示。
即使我使用pretty print，我仍然发现它是不可读的。
例如，在IDE中编写如下的一段代码：
{provideData() || (!moduleState.provideError && moduleState.provideData) ? (
在Chrome浏览器中显示如下所示。
有没有可能通过一些浏览器设置或代码配置来使代码看起来与调试期间在浏览器中编写的代码相同？
编辑：
建议的解决方案使用CRA，但我的应用程序不是使用CRA开发
浏览 4提问于2021-09-04得票数 2
我试着将其添加到webpack配置的插件部分，但这使得构建变得不可用。我不使用cra。
new webpack.DefinePlugin({
'process.env': dotenv.parsed,
})
把这个改为
new webpack.DefinePlugin({
'APP_URL': dotenv.APP_URL,
})
没有帮助-> APP_URL在应用程序中保持未定义：
我没有找到另一种注入变量的语法。
浏览 2提问于2020-11-21得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
