Webpack是否可以轻松地公开模块的默认类，而不是模块本身？
Webpack是一个现代化的静态模块打包工具，它可以将多个模块打包成一个或多个bundle文件，以便在浏览器中加载。Webpack提供了丰富的功能和插件，可以帮助开发人员更高效地管理和打包前端项目。
关于问题中的具体内容，Webpack本身并不提供直接公开模块的默认类的功能。然而，通过使用Webpack的一些插件和配置，可以实现类似的效果。
一种常见的做法是使用Webpack的externals配置项。通过配置externals，可以将某些模块或库排除在打包过程之外，而是在运行时从外部引入。这样可以在打包后的代码中，将模块的默认类暴露给全局作用域，从而可以在其他地方直接使用。
另一种方法是使用Webpack的ProvidePlugin插件。该插件可以自动加载模块，并将模块的默认类注入到每个模块中，使得可以在代码中直接使用该类，而无需手动引入。
需要注意的是，具体的实现方式可能会因项目的需求和配置而有所不同。在实际使用中，可以根据具体情况选择合适的方法来公开模块的默认类。
以下是一些腾讯云相关产品和产品介绍链接地址，供参考：
- 云服务器（CVM）：提供弹性、可靠的云服务器实例，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，支持自动备份、容灾等功能。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：提供丰富的人工智能开发工具和服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ailab
- 云存储（COS）：提供安全、可靠的对象存储服务，适用于图片、视频、文档等各种类型的数据存储和管理。详情请参考：https://cloud.tencent.com/product/cos
请注意，以上链接仅供参考，具体产品选择应根据实际需求和项目情况进行评估和决策。
相关·内容
Webpack会提升机吗？
我使用Webpack和Babel来捆绑和传输一堆类，每个类都来自一个单独的文件。
我的Webpack条目文件是一个index.js文件，包含按名称排序的每个类的导入语句，
index.js：
import classA from './a';
import classB from './b';
import classC from './c';
import classD from './d';
...
a.js：
export class classA extends classD {
con
浏览 3提问于2017-03-18得票数 1
回答已采纳
1回答
我正在用网络包打包一个库。我们有多个ES6类，以这种方式：
/src/Lib.js
import HelperClass from './HelperClass.js';
class Lib {
method1() {...}
}
/src/HelperClass.js
class HelperClass {
doSth() {...}
}
包装与webpack工作，我们结束了一个文件lib.js，其中包含Lib和HelperClass作为var Lib = ...。
我如何用webpack隐藏全局名称空间(例如，使其成为一个私有类)的HelperClass？
更新：
浏览 3提问于2017-04-20得票数 0
回答已采纳
当使用创建-反应-应用程序时，是否有可能避免在构建过程中捆绑React库？我宁愿从CDN加载它。否则，我将不得不使用WebPack，这是好的，但我真的要使用创建-反应-应用程序，因为它保持了所有的内容和整洁。
谢谢!
浏览 0提问于2018-05-28得票数 0
回答已采纳
1. ProvidePlugin()
看起来是一种常用的方法。有一个关于它的，展示了如何在Webpack构建中包含whatwg fetch多边形填充。StackOverflow上的许多答案都使用它、和。
new webpack.ProvidePlugin({
'$': 'jquery',
'jQuery': 'jquery',
'fetch': 'imports?this=>global!exports?global.fetch!whatwg-fetch'
})
优点
它起作用
浏览 2提问于2016-10-06得票数 26
我有一个设置webpack +类型抄本(使用ts)。
若要使用webpack，启用代码拆分
// tsconfig.json
{
"compilerOptions": {
"module": "esnext"
// other configuration ...
}
}
我正在尝试将this作为参数传递到我的一个文件中。它在node.js上工作，它使用本机类型记录编译器在单独编译的文件上运行，但问题是：
webpack this 中的被 undefined取代
我已经把它简化为这个简单的设置：
打字本源代码
export
浏览 9提问于2022-05-06得票数 1
回答已采纳
尝试通过文章设置一些测试系统。这一切或多或少都是可以理解的，但我有一个错误，我目前无法解决。
我的karma.entry.js
require('es6-shim');
require('reflect-metadata');
require('zone.js/dist/zone');
require('zone.js/dist/long-stack-trace-zone');
require('zone.js/dist/jasmine-patch');
require('zone.js/dist/asyn
浏览 0提问于2016-12-03得票数 2
我试图使用不存在于任何模块模式的遗留代码来使用类型记录UMD模块(在require()不存在时不会回退到全局var )。
我希望Webpack会有一个加载程序或插件，为特定的模块创建全局vars (而不是将它们作为模块加载)。
例如，我有一个Node包中的类型记录UMD模块：
node_modules/my-new-module
它导出一个函数
myNewFunction(){ }
我希望在我的遗留代码中将它用作：
myNewModule.myNewFunction(); //myNewModule is a global variable
目前，我最好的解决方案是加载所有共享模块，并手动将它
浏览 0提问于2017-07-21得票数 0
回答已采纳
1回答
实例化es6类
、、
我正在尝试使用es6来创建聊天室连接类。我正在使用rabbitmq/STOMP将交换数据推送给订阅者。我使用的代码使用了es5风格，但我对交换名进行了硬编码。我使用webpack/babel在一个名为chat.bundle.js的文件中将这段代码传输回chat.bundle.js，但当我运行时：
var chatRoom = new ChatRoom('thisExchange');
控制台日志：Uncaught ReferenceError: ChatRoom is not defined
加载包文件后，我将实例化类ChatRoom (在包的脚本标记下面)。
我知道load(
浏览 3提问于2016-02-12得票数 1
回答已采纳
1回答
我有一个webpack构建，它利用watch()方法在我工作时不断地重建我的javascript。我还有一个监视程序，它可以将更改过的JS文件上传到远程服务器。
现在，当我更改任何文件时，它会重新编译所有文件。因此，即使一个块改变了，它也会更新所有内容，包括我的供应商文件和其他不相关的包、块等等。
Webpack中是否有一种方法，只重新编译已更改的文件和已更改的依赖项？
下面是我的webpack构建代码的一个例子：
var compiler = webpack(require('./webpack.config.js'));
compiler.watch({
aggre
浏览 4提问于2016-01-11得票数 15
3回答
context: path.join(__dirname, 'resources/assets/bundle/js'),
entry: [
'webpack/hot/dev-server',
'webpack-hot-middleware/client',
'./*.js'
]
以上代码是否有效？而不是指定每个文件，如
context: path.join(__dirname, 'resources/assets/bundle/entries'),
entry: [
&#
浏览 4提问于2017-02-15得票数 0
回答已采纳
1回答
首先，我想承认这是我第一次深入webpack，我可能会错过一些显而易见的东西。
我正在开发一个node JS脚本，它作为一种代理运行，为目标环境中的HTML5 5/JS客户端应用程序提供特性和数据。部分API是在运行时(而不是在构建时)在目标环境的node_modules中提供的。在我的代码中，我提供了const phoenix = require('@phoenix/apis/dist/index');
运行webpack，一切都很好，但当我尝试运行脚本时，我遇到了：
对象处的无效或意外令牌。@菲尼克斯/api/dist/index (/home/path/node_mod
浏览 0提问于2019-04-24得票数 3
2回答
试着和webpack一起跑来跑去。尝试为/webpack中的每个文件夹设置不同的角度模块&然后将它们注入我的主要应用程序模块定义中。我做错了什么？
遇到此错误：
Uncaught Error: [$injector:modulerr] Failed to instantiate module mean due to:
Error: [$injector:modulerr] Failed to instantiate module webpack due to:
Error: [$injector:modulerr] Failed to instantiate module {"
浏览 0提问于2016-08-10得票数 0
回答已采纳
我正在使用typescript和webpack构建chrome扩展，在将最近发布的节点模块引入到我的项目中后，我开始遇到一些错误。
我安装的模块：
当我加载我的扩展时，该错误出现在浏览器中
Uncaught TypeError: Cannot read property 'bind' of undefined
堆栈跟踪
contentscript.js:35159 (./node_modules/puppeteer/lib/cjs/puppeteer/node/BrowserFetcher.js)
contentscript.js:83680 (__webpack_requir
浏览 21提问于2021-03-10得票数 1
回答已采纳
我有一个巨大的反应应用程序，有4个主要的巨型CSS(darkLTR，lightLTR，darkRTL，lightRTL)，这并不理想，我知道，但这是一个网站模板，我的老板买给我，并要求我使用它(我想使用的材料用户界面，这是很棒的主题处理，但遗憾的是，我不被允许)。它附带了两个不同的模板。暗模式和光模式。他们告诉我，他们想要有黑暗和光模式，甚至RTL支持。因此，我不得不将ltr转换为rtl并添加切换按钮，以在不同的主题和语言之间切换。我做了所有这一切，现在我有4个CSS文件的所有样式。他们都有相同的类名和规则。唯一不同的是方向和颜色。我导入这些CSS文件如下所示：
export default
浏览 6提问于2021-06-22得票数 0
回答已采纳
我正在尝试使用带有Angular 2的SOAP web服务，我正在使用Angular CLI。我试过用这个
但是我得到了一个错误，说：
System.register is not supported by webpack.
是否有其他服务或方式来使用SOAP webservices？
浏览 0提问于2016-12-14得票数 2
我知道如何用纱线把包裹包括在内。我遇到的问题实际上是我安装的任何javascript包。但我是用作物作为一个具体的例子。
纱安装
安装相关文件，可以在/node_node/cropperjs下面找到。
从"cropperjs“或 (”cropperjs“)进口作物
我认为这是在将正确的包添加到webpack中，因为当我在打包的json中进行搜索时，我会在应用程序js文件中看到对cropper的引用。
/*和谐导入*/ var cropperjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*！/node_ cropper
浏览 2提问于2020-06-29得票数 2
1回答
我是JavaScript测试新手，目前正在尝试为我创建的存储区(只是一个ES6类)编写一些测试用例。我使用Jest，因为这是我们通常用于React项目的东西，尽管这里我不是测试React组件，而是测试一个包装功能的类。
我正在测试的类扩展了另一个类，并在其中定义了各种方法。我想测试这些方法(它们是否被调用)，以及类中声明的属性是否在调用相应的类方法时发生变化。
现在我读过关于模拟函数的文章，但据我所知，它们只能像调用函数多少次那样进行检查，但不能复制该功能。但是在我的例子中，我需要这些方法的功能，因为我将检查类成员值--这些方法在调用时会更改。
我不知道这是否正确的做法。在Jest中测试函数而
浏览 0提问于2018-04-04得票数 0
回答已采纳
1回答
我在webpack期间导入了一个模块，它的功能如下：
'use strict';
module.exports = {
position: true,
gfm: true,
commonmark: false,
footnotes: false,
pedantic: false,
blocks: require('./block-elements.json')
};
Webpack改写了这个模块如下：
module.exports = {
position: true,
gfm: true,
commonmark: fals
浏览 0提问于2018-10-22得票数 0
1回答
我可以使css模块工作，但不能在热重加载.
当第一次加载时，样式以其应有的方式出现：
但是，在对css文件进行更改之后，它就会中断，并且需要完全重新加载：
我正在使用css模块，如下所示：
webpack.config.js
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const pack = {
entry: [
path.join(__dirname, 'src/app/ind
浏览 2提问于2016-12-23得票数 1
我正在创建一个节点/快速服务器，我正试图将其捆绑在一起，以便将其部署到IIS服务器上。我应该注意，这只是一个后端服务器。一旦我尝试在代码打包后运行它，我就会得到以下错误：
ReferenceError: __WEBPACK_EXTERNAL_MODULE_dotenv__ is not defined
at eval (webpack:///external_%22dotenv%22?:1:18)
at Object.dotenv (C:\inetpub\wwwroot\my-deployments\server\bundle.js:271:1)
at __webpac
浏览 4提问于2020-06-19得票数 1
回答已采纳
1回答
我是Webpack，Node.js和类型记录的新手，我很难配置我的开发环境。
当运行webpack以编译src/server.ts以生成/server/bundle.js时，我将得到以下错误：
ERROR in ./src/server.ts
Module not found: Error: Can't resolve 'hapi' in '/Volumes/Dados/giovane/dev/studio-hikari/nodang/nodang-api/src'
@ ./src/server.ts 3:11-26
该项目的架构如下：
Th
浏览 5提问于2017-03-03得票数 3
回答已采纳
1回答
我尝试按照教程的说明将引导-数据交换器集成到我的角4项目中，但是我得到了下面的错误和警告。错误行是：Uncaught TypeError: __webpack_require__.i(...) is not a function。有人知道怎么解决这个问题吗？
浏览 0提问于2017-10-11得票数 0
1回答
我是Webpack的新手，我正在努力弄清楚目标到底做了什么。
Webpack在医生中说：
Node：编译以便在类似Node.js的环境中使用(使用Node.js需要加载块)
：编译以便在类似浏览器的环境中使用(默认)
但是它是非常抽象的，不知道实际的区别是什么。
我注意到，如果在节点模式下运行webpack配置文件，我得到所需的错误没有定义为，而如果我只使用导出文件，然后独立运行文件，则运行良好。目标是否仅适用于webpack开发服务器？
module.exports = {
mode: "development",
target: "web",
浏览 0提问于2019-07-22得票数 3
回答已采纳
在许多npm模块中，我最近安装了(例如。@material/core)有三种方法可以导入相同的React组件：
import { AppBar } from '@material-ui/core'
import AppBar from '@material-ui/core/AppBar/AppBar'
import AppBar from '@material-ui/core/es/AppBar/AppBar'
在哪种情况下，我应该使用变体3/ es6导出的文件？
如果tree-shaking / dead code eliminatio
浏览 0提问于2018-10-18得票数 1
我已经打开了开发工具，并且正在尝试使用控制台查找已安装的模块。下面是来自我的package.json的版本。编译后的bundle.js可以在上找到。
"devDependencies": {
"@material/button": "^0.40.0",
"autoprefixer": "^9.1.5",
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"
浏览 0提问于2018-10-05得票数 0
我遵循了这个简单的教程()来开始使用React和webpack，但在尝试使用更新的语法时遇到了问题。例如，使用ReactDom来调用render，而不是过时的“React.renderComponent”。
我跑过了：
npm install --save react-dom
并添加了
var ReactDom = require('react-dom')
添加到index.jsx文件中并添加了
'react-dom': 'ReactDom'
添加到webpack.config.js中的“外部变量”列表中。(我不确定这是否有必要。)
然而，我得到
浏览 1提问于2016-03-24得票数 3
我正在尝试创建一个简单的webpack 2设置，用于BlueprintJS和TypeScript的实验。我想我已经接近了，但是CSS没有正确地加载。
以下是该项目的目录结构
钢筋混凝土/
index.tsx
App.tsx
App.css
index.html
package.json
tsconfig.json
webpack.config.js
App.tsx当前包含一个应该显示刷新图标的Button组件。当我运行npm run build时，webpack表示已经加载了样式。但是，当我运行npm run start并查看应用程序
浏览 3提问于2017-04-21得票数 2
2回答
我如何在webpack反应应用程序中使用这个回购程序：
我已经创建了一个新的库，并导出了es6模块样式的主文件。
我和webpack一起建房子，但是当我尝试使用这个包的时候，问题就发生了。我可以使用：
import Recorder from 'audio-recorder';
var recorder = new Recorder();
但是，一旦我尝试对它进行编码，然后使用一个WebWorker，据我所知，这需要成为一个js文件的路径。
因此，问题分为两部分：
我该如何设置webpack来处理这样的依赖呢？
在开发过程中，如何拥有webpack开发服务器，提供静态文
浏览 4提问于2015-10-14得票数 2
我有个文件我们叫file1.ts
export { default as function1 } from 'function1.ts';
export { default as function2 } from 'function2.ts';
我用Webpack和Babel编译它：
webpack.config.js
const path = require("path");
module.exports = {
target: "web",
mode: "production",
entry: &
浏览 5提问于2020-06-28得票数 7
回答已采纳
1回答
我想当我做npm webpack的时候，我遇到了一个非常罕见的麻烦--进步。
在使用可数据之前，我对供应商js文件没有错误。(此代码位于webpack.config.js中的entry属性中)
vendor: [
'./src/resources/tema/js/jquery.js',
'./src/resources/tema/js/bootstrap.min.js,
]
导入jQuery DataTable之后，就会产生错误。此错误并不是特定的。从字面上讲，它没有提供相关的信息。
vendor: [
'./sr
浏览 0提问于2017-04-03得票数 0
回答已采纳
我使用的是Webpack 4，但是生成的js输出有一些额外的代码，如下所示： ? 我希望webpack只捆绑我在它的入口中给出的js文件，而不是添加所有这些代码，经过一些研究，我在这里找到了一个解决方案：webpack - remove "webpackBootstrap" code，它说使用以下内容： optimization: {
runtimeChunk: true,
} 但这只会生成两个文件，一个包含webpackBootstrap代码，另一个包含捆绑的js文件，所以这并不能解决任何问题，因为我使用的是HtmlWebpackPlugin，所以这两个文件
浏览 20提问于2020-10-03得票数 0
我有一个项目，与反应和Webpack作为建设体系。我的devDependencies
"webpack": "^4.5.0",
module: {
rules: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
use: ['babel-loader'],
},
...
我得到了一个错误：
./node_modules/project/components/InfiniteScroller.jsx模块解析中的错误:意
浏览 0提问于2018-04-19得票数 1
回答已采纳
在python脚本顶部声明程序配置变量的标准方法是什么？这些在整个程序中在多个类和函数中使用。是最好的方法：
若要创建带有配置选项的混合字典，请将这些选项传递给任何需要它们的类。缺点:这需要传递额外的属性。例如：
config = {'parseTags'：{'title'，‘字体’，'p'}，'name'：'steve'，'logFrequencies'：10，'print_rate'：False }
newCustomObject = CustomClass(con
浏览 5提问于2012-06-26得票数 4
回答已采纳
webpack会不会对已经和webpack捆绑在一起的套餐进行去重呢？
例如，| Webpack bundle 1 | |------------------| | react@15.5 | | jquery@3.0 |
| Webpack app bundle | |--------------------| | react@15.5 | | jquery@3.1 | | Webpack bundle 1 |
Webpack app捆绑包会包含2份react@15.5吗？Webpack app捆绑包会包含2份jquery吗？
浏览 7提问于2017-05-15得票数 0
最近，我更改了根目录的名称( package.json和webpack.config.js所在的位置)，现在webpack-dev-server在任何时候都不会更新我的文件。
这是我的webpack配置：
var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require('path');
module.exports = {
context: path.join(__dirname, "src
浏览 1提问于2016-09-09得票数 1
回答已采纳
我希望将jQuery对象公开给全局窗口对象，该对象可在浏览器的开发人员控制台内访问。现在，在我的webpack配置中，我有以下几行：
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
})
]
这些代码行将jQuery定义添加到我的webpack模块中的每个文件中。但当我构建项目并尝试在开发人员控制台中访问jQ
浏览 97提问于2015-03-16得票数 117
回答已采纳
我试图用来衡量反应性能，但是当我试图在我的控制台中运行Perf.start()时，我得到了一个错误：Uncaught ReferenceError: Perf is not defined(…)
值得一提的是，我已经通过npm安装了插件，并在我的require('react-addons-perf')文件中安装了一个main.js。
我猜想这个问题与我正在运行的webpack-dev服务器和全局变量没有正确公开有关，但不幸的是，不知道如何正确地处理它。有人能帮我吗？
下面是我在代码页上的文件内容，以供参考。
浏览 5提问于2016-01-22得票数 6
回答已采纳
1回答
我正努力在我的项目中加入stomp。这两个版本都有jmesnil/stomp或次规范的forkJSteunou/webstomp客户端。
我试着正确地进口：
import Stomp from 'stompjs';//or 'webstomp-client';
import SockJS from 'sockjs-client';
把它装上就像：
angular.module('app', [
uiRouter, ngTranslate, ngTranslateStaticFilesLoader, ngResource, ngFi
浏览 2提问于2017-06-16得票数 2
回答已采纳
如何使用webpack和巴别塔编译我的代码，以便导出的函数在全局范围内可用。
举个例子：
export function test(){console.log('test')}
应该在window.test()下可用。
当我运行babel -d时，我得到了我期望的结果：
'use strict';
Object.defineProperty(exports, '__esModule', {
value: true
});
exports.test = test;
function test() {
console.log('t
浏览 0提问于2015-10-15得票数 18
回答已采纳
1回答
我对webpack的工作方式有些困惑。如果在根目录中运行npm install examplePackage，是否将软件包安装到硬盘上？那么，这是否意味着您可以随时在任何文件中导入该包？这与在项目中运行npm install examplePackage有什么不同？那是因为当你把你的项目推到Github时，会有一个package.json供其他人跟踪，并确保他们有必要的库来运行您的应用程序吗？节点如何知道如何通过您的项目搜索包或硬盘驱动器？它只是先检查你的库，然后如果它找不到它，它会在你的硬盘中查找吗？
浏览 2提问于2017-02-14得票数 6
回答已采纳
我有错误："Uncaught :无法分配给对象‘#’的只读属性‘导出’“。在build.js中，这个错误出现在行"module.exports = main;“中。哪里出错了？我的模块：
这是我的主文件script.js
const showContent = require('./modules/showContent');
const main = require('./modules/screens/main');
const about = require('./modules/screens/about');
const
浏览 4提问于2017-10-23得票数 4
1回答
我是web应用程序的开发人员，该应用程序由充当HTML、Java后端和Javascript前端文件的Javascript页面组成。我的任务是把Webpack添加到这个项目中，目的是一开始只使用它来缩小Javascript文件(当然，我们最终会更多地使用Webpack的特性)。我曾尝试通过谷歌对Webpack的缩小进行研究，但我很难找到任何细节，说明如何将其用于--仅用于小型化，而不是捆绑项目文件。
有人知道如何使用Webpack进行严格的Javscript缩小吗？
浏览 2提问于2022-01-26得票数 1
1回答
我正在考虑如何让我的JS开发堆栈与我的项目分离(可更新)。
情况是这样的:我刚刚创建了我的第一个基于Webpack的开发堆栈，我想开始基于这个开发堆栈构建第一个项目。但是，如果在未来的某个时候，我会决定更改开发堆栈的一些核心功能(例如，我的Webpack插件的一些更改)，那该怎么办？现在，我需要在dev-stack和基于此dev-stack的所有项目中进行此更改。
处理这种情况的最佳实践是什么？
浏览 1提问于2018-05-12得票数 1
我正在尝试进行一个测试，以了解webpack如何编译类型记录，这样我就可以将代码从javascript转换过来。
当我使用webpack和awesome-typescript-loader将我的类型记录转换为javascript时，我的测试类将被导出，但是为了调用构造函数，我需要调用TEST.TEST，正如您在我的html测试文件中看到的那样。但这不是我所期望的。我希望能够通过var T = new TEST(); not var T = new TEST.TEST();直接调用构造函数。
我有以下文件/代码：
src/test.ts
export class TEST {
thing
浏览 1提问于2018-03-26得票数 0
回答已采纳
对于实用程序函数和consts，我通常使用命名导出。
//utilities.js
export function someFunction(param){...}
export function someFunction2(param){...}
//someModule.js
import {someFunction} from "./utilities.js"
但有时，我将它们导出为默认对象。
//styleUtilities.js
export function someFunction(param){...}
export function someFuncti
浏览 1提问于2020-01-09得票数 3
我正在尝试使用单SPA框架的微前端，我跨越了一个角度应用程序，并完成了单个SPA配置。当我试图引导角形应用程序时，我可以看到main.js的文件大小为9 MB，这对于一个组件的简单示例应用程序来说太大了。
angular.json
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects":
浏览 6提问于2021-09-22得票数 0
我总是收到一条消息说：
$.hubConnection不是一个函数
错误:找不到jQuery。请确保jQuery在SignalR客户端JavaScript文件之前被引用。安慰"$“和"jquery”是没有定义的。
我需要做些什么，让signalr用webpack来工作？
浏览 7提问于2016-10-13得票数 9
回答已采纳
我遵循本教程添加webpack的角度从。如果我正确理解，我们将主模块提供给webpack，然后它遍历整个树并将所有引用的文件添加到包中。我也读到过，我们可以通过摇树来优化这一点。
我在这里不明白的是，如果webpack只扫描“用过的”模块(即我们“导入”的模块)，那么为什么我们需要抖动树。
树抖动是否会做一些额外的事情(比如检查未使用的模块中的类，并将它们从模块中删除，即使它们是导入的)？还是我一起误解了这个概念？
浏览 3提问于2016-11-06得票数 2
回答已采纳
我经常使用Perl/Moose属性来保存对象的集合。我知道可以监视属性是否作为一个整体设置。在这种情况下，可以使用。这也使得监视属性中的对象成为可能。但是如何监控收藏呢？如果属性是--例如，一个对象数组--是否可以监视是否添加了一个对象？
我所要寻找的是一种，比如在属性上调用内建函数(如push或shift )时使用的“an”或“for”。这将允许非常通用的解决方案，例如，只有在有变化的情况下才能保存。
浏览 1提问于2018-08-13得票数 3
回答已采纳
2回答
我正在开发一个反应应用程序。在index.js中导出一些变量，例如。
export const a="Hello";
export const b=[1,2,3];
在webpack.config.js中：
...
output: {
...
library: "myApp",
libraryTarget: "window"
},
...
我知道window.myApp现在是一个module，它包含从index.js导出的所有变量。我不知道的是上面的工作原理。该模块是如何创建的，为什么它只包含来自index.js的导出，而不包括其他文件？如
浏览 1提问于2020-06-12得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
