草庐IT

webpack-hot-middleware

全部标签

chatGPT问答之 Webpack 5 多入口打包如何指定打包文件名规定的文件名

前言chatGPT越来越令人惊奇,有一些答案在百度上搜半天却找不到你想要的,但与chatGPT的聊天中就可以非常快的得到你想要的结果,不得不说人工智能很好用下面就是我与chatGPT的聊天内容chatGPT问答之Webpack5多入口打包如何指定打包文件名规定的文件名问1:Webpack5多入口打包如何指定打包文件名为规定的文件名答1:在Webpack5中,可以使用output.filename选项来指定多入口打包后的文件名规则。output.filename可以是一个字符串,也可以是一个函数。如果output.filename是一个字符串,可以使用占位符来指定打包后的文件名规则,例如:mod

javascript - Webpack - 忽略 require() 中的加载器?

我有一个与Webpack捆绑在一起的TypeScript项目。这是我正在编写的开源库的演示/文档应用程序,因此我想将一些源代码显示为文档的一部分。在我的webpack配置中我有:loaders:[{test:/\.ts$/,loader:'ts'},{test:/\.css$/,loader:'style!raw'},{test:/\.html/,loader:'html'}]这非常适合转译和捆绑我的TypeScript文件。在我的一个应用程序组件中,我这样做:basicCodeT:string=require('./basic-example-cmp.html');basicCode

javascript - 如何在 RxJS 5 中创建 Hot Observable

我使用RxJS4创建HotObservable,就像officialdocumentation中描述的那样但是RxJS5migrationguid没有解释如何创建HotObservable。constsource=Observable.create((observer)=>{asynCall((data)=>{observer.onNext(data)})})constpublished=source.publish()published.connect()published.subscribe((data)=>{console.log(data)})使用Rx5我遇到了以下错误:未捕获

javascript - Webpack:如何驯服不符合 npm 的 js 库

我有如下初始化自己的js库:(function(root){............})(this)当使用webpack构建时,我得到类似的东西function(module,exports){(function(root){})(this)}“this”不是库假设的窗口。有没有一种巧妙的方法可以使这种类型的库与webpack一起工作?我的最后一招是使用poSTLoader或其他东西将this替换为window。 最佳答案 是的,我们称这些为“损坏的模块”,因为正如您所说,它们只是在全局上下文中执行,有几种不同的方法可以填充这些类型

javascript - Webpack 捆绑许可证合规性?

有没有办法使用webpack执行许可证合规性检查?理想情况下,由webpack构建的所有模块的许可header都包含在最终输出文件中,但我们如何检查是否是这种情况?还有可以检测许可证兼容性冲突的插件吗? 最佳答案 我不是律师,所以这不是法律建议。您似乎在尝试解决两个不同的问题:(1)了解通过npm安装的软件包的合规义务,(2)履行任何义务(例如,在webpack的输出中包含许可证)。对于(1)tldrlegal是一个有用的工具,可以打印义务的高级摘要。由于义务可能包括诸如“在所有广告Material中显示确认”之类的要求,因此很难将

javascript - 我可以使用 Webpack 将 Google Charts 注入(inject)我的项目吗?

有什么方法可以在React应用程序中使用GoogleCharts吗?我找到了react-google-charts我已经开始工作了,但它似乎缺少很多GoogleCharts的API,或者至少没有记录。我也有点害羞地在生产中使用NPM统计数据显示在过去一天只有~400次下载的东西。但是,我无法在NPM上单独找到GoogleCharts,也无法像我最初预期的那样简单地从“google-charts”导入图表。我的下一个想法是看看是否有办法将库作为全局变量导入。1)我该怎么做2)如果可能的话,我如何将它包含在像import{Line}from'???'这样的react组件中

javascript - 在 Angular4 Webpack Starter 中,tsconfig.webpack.json 是否适用于 webpack 而 tsconfig.json 适用于其他所有内容?

请引用此git存储库:https://github.com/AngularClass/angular-starterAngular4WebpackStarter带有2个文件:tsconfig.json和tsconfig.webpack.json每个文件的TypeScript配置略有不同。我的问题是关于这两个文件如何与项目相关。tsconfig.webpack.json是否只适用于Webpack使用的ts-loader?而tsconfig.json文件将应用于其他一切?如有任何关于tsconfig.webpack.json的信息,我们将不胜感激。 最佳答案

javascript - Webpack 无法导入从 git 安装的包

所以我在git中fork了一个包。做了我的改变。然后在我的终端npminstall--savegit+https://github.com/hayk94/ddp.js.git然后我尝试像这样在我的代码中导入包importDDPfrom'ddp.js'但是webpack给我这个错误ERRORin./main.jsModulenotfound:Error:Can'tresolve'ddp.js'in'/Users/hayksafaryan/projects/b2cEmbedLib'@./main.js23:11-28@multi(webpack)-dev-server/client?htt

javascript - 在Electron渲染器进程中持久化nedb到磁盘(Webpack/Electron/nedb配置问题)

问题我正在尝试使用名为nedb的纯JS数据库在Electron渲染器进程中。它使用browserfield在itspackage.json交换基于浏览器的存储系统。这导致我的数据库实际上没有保存到文件中。背景我使用Next.js作为我的View框架,它的Webpack是为渲染线程配置的"target":"electron-renderer"。这显然会导致Webpack处理这些浏览器指令,即使渲染器进程应该可以访问浏览器和NodeAPI。这种行为并没有真正记录下来,所以我不知道如何覆盖它。我尝试过的我已经确认,如果我手动编辑node_modules/nedb/package.json本地

javascript - 带有 CommonsChunkPlugin 的 Webpack 结果在 html 文件中的捆绑顺序错误

我正在尝试将CommonChunkPlugin与一个仅包含webpack运行时的“额外”block一起使用,以获得正确的散列(当只有应用程序文件发生变化时,这不会更改vendor散列)。官方webpackrepo中描述了这个技巧here.这本身工作正常,block哈希是正确的,但问题是我生成的HTML文件包含顺序错误的包:list、应用程序和vendor*,而它应该是list、vendor、应用。CommonsChunkPLugin配置如下:newwebpack.optimize.CommonsChunkPlugin({names:['vendor','manifest']}),条目如