草庐IT

Webpack--devServer的常用配置

全部标签

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 - 如何将全局配置传递给 jshint?

如何将全局配置传递给jshint?我没有在文档中找到答案。我的配置文件:>typetests\jshint_options.js/*jshintglobalstrict:true*/这是我到目前为止尝试过的:>jshintmyfile.js--config=tests\jshint_options.jsmyfile.js:line1,col1,Usethefunctionformof"usestrict".myfile.js:line4,col24,Unescaped'['.myfile.js:line4,col49,Unescaped'['.3errors>jshintmyfile.

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

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

javascript - google +1 javascript 配置对象

google+1按钮嵌入代码可以有一个带有配置的javascript对象(例如“{lang:'de'}”)。在普通的javascript中,这个对象会被创建并立即销毁,因为它没有被任何东西引用。我想知道google脚本如何访问这个对象?{lang:'de'}它似乎有效-除非您将包含配置对象的脚本标记动态写入DOM。 最佳答案 由于谷歌源代码被混淆了,我不知道他们是怎么做到的。我的做法是使用JQuery查找标签,然后使用.innerHTML将其作为字符串获取,然后使用JSON.parse安全地解析对象。{"lang":"de"}...

javascript - 我应该如何在 AngularJS 中制作可配置模块

我一直在修补AngularJS,我已经建立了一小部分指令和服务,我想将它们打包到一个JS文件中,以便我可以在任何地方使用它们。我有一些特定于网站的设置,我的模块需要这些设置来进行API调用和诸如此类的事情。我只是想知道制作可配置模块的Angular方式是什么。显然我不想为每个网站修改我的可重用JS文件,因为那样会破坏拥有它的目的。鉴于每个网站的值都将保持不变,将它们作为参数传递给每个函数调用似乎很麻烦,我宁愿尽可能远离全局变量。我搜索了很多问题来寻找我想要的答案,到目前为止我发现的最接近的模式是让我的可重用模块依赖于一个名为“settings”之类的未包含的模块,然后定义它页面JS文件