草庐IT

webpack-4

全部标签

javascript - 使用 babel-preset-env 将 polyfill 作为导入语句更好,还是将它们添加到 webpack.config.js 的条目中更好?

babel-preset-env提供选项useBuiltIns将其应用于babel-polyfill并将import'babel-polyfill'转换为特定的、基于环境的import'core-js/whatever.如果我在我的Webpack入口部分添加babel-polyfill(参见下面的示例),是否应用此转换,或者在那种情况下useBuiltIns被忽略并替换为所有可能的进口?entry:{app:['babel-polyfill','./src/app.js']} 最佳答案 它在您指定时起作用:"presets":[..

javascript - Webpack - 加载 block 0 失败

我的一些用户收到此错误:Unhandledrejectionmessage:'Loadingchunk0failed'stack:Loadingchunk0failedatHTMLScriptElement.n问题是,我没有成功复制它。这个错误我已经有一段时间了。同样的用户每次进入网站时都会发生这种情况。但仅限于其中一些人。不过都是win7+chrome60,跟浏览器没有关系。我在网上找不到任何关于这个特定错误的信息。另外我没有使用react-router,我确实使用了react。你知道还有什么问题吗?会不会是某些安全相关的东西引起的?我正在使用webpack2.6.1和Commons

javascript - 如何调试用 ES6 编写的模态插件的源代码?

我正在尝试编辑/理解用ES6编写的模态插件的源代码,链接HERE.MicromodalTryhittingthetabkeyandnoticehowthefocusstayswithinthemodalitself.Also,esctoclosemodal.ContinueClose//ButtonthattriggersthemodalToggle//Iamimportingthesourcecodeforthepluginhere//Filewhereiinitializetheplugin我像这样初始化插件:JS文件(main.js)importMicroModalfrom'./

javascript - Webpack ProvidePlugin 全局变量(找不到模块)

我是Webpack的新手,但无法弄清楚为什么我的ProvidePlugin调用没有按预期工作。我有以下文件:应用程序.jsvarApp=function(){getSomething:function(size){}}();module.exports=App;我希望这个“App”变量可以全局访问,因为其他文件是这样使用它的:布局.jsvarLayout=function(){App.getSomething('md');}();webpack.config.js在webpack.config.js中我有以下行:newwebpack.ProvidePlugin({App:'app'})

javascript - 如何让 Webpack、Wordpress 和 BrowserSync 协同工作?

我已经用了大约一个星期了,但我还没能让这三者一起工作。如果有人能帮助我解决这个问题,我将永远感激不已,我已经浪费了很多时间。问题:如果我代理myserver.dev热重载404s。更改publicPath没有任何作用。我将url附加到webpack-hot-middleware/client,它修复了路径,但hmr文件最终在控制台中出现“GET”错误,没有任何信息。如果我保留HTML并忽略任何php/MAMP,热重载工作正常。总的来说,我真的很困惑,我可能错过了一个简单的概念。我正在努力实现的目标:-WordPress的RESTAPI-对View和用户界面使用react-用于本地主机和

javascript - Webpack 工作流程有效地拆分 vendor 和应用程序代码

我很难找到足够的Webpack文档和示例来针对我的情况制定理想的开发工作流程。以下是使工作流程变得理想的所有功能:观看,最好是通过Gulp,使用高效的缓存。(不要认为我需要热模块更换并怀疑它可能不适合我的开发环境。)一个。在监视期间不解析和重新编译(因此重新编译更快),不接收sourcemap(因此浏览器开发工具响应速度更快),并且写入不同的vendor.js包,浏览器可以将其与应用包分开缓存。应用模块是一个。明确所有依赖项(即importReactfrom'react';即使React实际上是全局公开的或通过#2的东西),是在观看期间重新编译,并且确实收到源map。我在文档或示例中阅

javascript - 导入语法不适用于 webpack

我遇到了非法导入声明错误。当我尝试将reactjs存储库与webpack集成时我从https://github.com/dptoot/react-event-calendar/blob/master/example/src/example.js迁移了原始源代码如何修复Illegalimportdeclaration错误?我认为import语法只适用于某些js库?错误ERRORin./app/main.jsModulebuildfailed:Error:ParseError:Line2:IllegalimportdeclarationatthrowError(/Users/poc/san

javascript - 使用 Rails asset pipeline 与 webpack 来保存 Assets 的优缺点是什么?

来自webpackergem:WebpackermakesiteasytousetheJavaScriptpre-processorandbundlerWebpack2.x.x+tomanageapplication-likeJavaScriptinRails.Itcoexistswiththeassetpipeline,astheprimarypurposeforWebpackisapp-likeJavaScript,notimages,CSS,orevenJavaScriptSprinkles(thatallcontinuestoliveinapp/assets).However,

javascript - 如果 esModuleInterop 为 true 配置 TypeScript 转译,我是否需要显式 allowSyntheticDefaultImports?

我需要确认以下理论。根据TSdocs,有两个选项可以在tsconfig.json中设置。--allowSyntheticDefaultImports:允许从没有默认导出的模块中进行默认导入。这不会影响代码发出,只会影响类型检查。--esModuleInterop:发出__importStar和__importDefault助手以实现运行时babel生态系统兼容性并启用--allowSyntheticDefaultImports以实现类型系统兼容性。当我四处搜索时,我看到两者都设置为true(至少就我的目标行为而言)。然而,就我对文档、TS和JS的理解而言,同时使用它们是没有意义的。我认

javascript - 使用 react js 和 webpack 开发的 Web 应用程序的缓存问题

我正在开发一个使用reactjs和webpack开发的网络应用程序。每次部署后,我们都必须要求用户清除浏览器缓存并重新启动浏览器。我认为javascript包文件和css文件都被缓存在用户浏览器上。我们如何强制浏览器不缓存这些文件或让它从服务器下载最新的文件。MyApp 最佳答案 您可以使用html-webpack-pluginplugins:[newHtmlWebpackPlugin({hash:true})]hash:true|falseiftruethenappendauniquewebpackcompilationhasht