草庐IT

javascript - 如何设置 VSCode 来调试 webpack 捆绑的 nodejs 服务器

我有一个nodejsexpress应用程序,我试图将其与webpack4(加上babel7.1.0)捆绑在一起。我遵循了这两篇文章中的一些设置:WebpackJavascriptBundlingforBothFront-endandBack-end(nodejs)CreatingaserverbundlewithWebpackforuniversalrendering我可以在捆绑后构建和运行服务器,但我希望能够使用VSCode的调试环境对其进行调试。我尝试了以下webpack和vscode配置的组合,但它没有设置断点或让我进入代码。.vscode/launch.json{"type":

javascript - 在大型 Web 应用程序中处理 JavaScript(可重用性、捆绑、单元测试...)

也许有人可以建议我可以使用什么工具、方法和引用来实现大型Web应用程序在JavaScript方面的以下目标:可重用性、捆绑、单元测试、许多开发人员等等。例如,我检查了browserify工具,但实际上没有文档,没有书什么的。 最佳答案 静态代码分析:JSLint,GoogleClosureToolsJavaScriptcodecheckingbeyondJSLint单元测试:JSUnitJavaScriptunittesttoolsforTDD捆绑并放在一起基于Java的构建-Wro4j-处理许多基于Web的常见工具,例如JsHin

javascript - 将 JavaScript 与 Webpack 捆绑在一起时,require/import URL 开头的 @ 符号是什么意思?

我正在使用Webpack来捆绑我的JavaScript应用程序。我在一次谈话中看到一位开发人员有类似这样的台词:varfoo=require('@/foo/bar');或import'@/foo/bar';在这种情况下,@符号是什么意思?同事认为这可能是node_modules的捷径,这类问题由于含糊不清,很难得到好的搜索结果。 最佳答案 @字符在Webpack中没有特殊含义,除非您对其进行配置。我想,这是一个privatenpmmodule. 关于javascript-将JavaScr

javascript - 在 webpack 捆绑库上模拟 fbasyncInit 行为

我正在使用webpack构建一个针对浏览器的库。我真的很想在不手动修改捆绑库的情况下复制fbasyncinit行为。webpack是否提供了在加载库本身后调用函数的方法?或者是否有另一个允许这样做的替代bundler?对于那些不知道的人,window.fbasyncinit是facebooksdk在完成加载时调用的函数,因此您编写函数来初始化facebooksdk的东西。 最佳答案 根据您的设置,您可能希望将您的库设为外部和lazyload它进入目标应用程序。简而言之,这意味着您的库与应用程序一起存在,但实际上不会在初始化时加载。然

javascript - 避免将 lib 依赖项与 webpack + handlebars loader 捆绑在一起

我正在使用handlebars模板编写一个库,我想使用Webpack来捆绑它。我正在使用handlebars-loader这样我就可以要求并预编译模板。但是我不希望Handlebars(或Handlebars/运行时)包含在我编译的库中,因此,我想将它们设置为外部。这是我的配置文件:module.exports={context:__dirname+'/src',entry:'./index.js',output:{path:__dirname+'/dist',filename:'stuff.js',libraryTarget:'umd',library:'Stuff'},extern

javascript - YUI 压缩器是否支持多个文件的捆绑?

我使用jQuery创建了一个模块化系统。是否有任何类似于Dojo的Shrinksafe的构建系统,可以将我所有的模块文件组合成一个文件用于生产?YUICompresser是关于单个文件压缩还是它也支持捆绑模块文件?JavascriptMVC使用自定义构建的Shrinksafe。有关该方向的任何链接或信息也会有所帮助。提前致谢。 最佳答案 RequireJS有anoptimizationtool可以将多个文件组合在一起,它使用谷歌的Closure编译器来进行JavaScript缩小/注释剥离。优化工具基于我在Dojo构建系统中所做的工

javascript - Webpack:如何将多个 javascript 文件捆绑到一个输出文件中?

假设我有两个文件,ma​​in.js和app.js;如何使用Webpack将它们捆绑到一个文件中:bundle.js? 最佳答案 创建一个entry.js这是你的webpack入口文件,在这个文件中你的require你的附加文件webpack.config.jsmodule.exports={entry:'./src/entry.js'...};/src/entry.js//newsyntaximport'./main.js';import'./app.js';//oroldsyntaxrequire('./main.js');re

javascript - 将 TypeScript 与外部 JS 文件捆绑在一起(例如 node_modules)

我可以成功地将我的Typescript项目捆绑在一起,并使用例如将其保存为单个文件tsc--outFile"build/bundle.js"但是,此文件仅包含Typescript文件,不包含“node_modules”目录中的任何文件,例如jQuery。如果我尝试执行bundle,我只会收到找不到文件的错误消息。如何将我的Typescript依赖的“node_modules”文件添加到同一个捆绑文件中?Typescript显然知道文件的位置,因为它的路径是正确的。我正在使用SystemJS在浏览器中加载我的项目。我承认我很困惑我应该如何加载模块和捆绑(我可以使用SystemJSbund

javascript - 捆绑我的 JS/TS 项目是反模式吗?

我正在使用TypeScript在Angular2中开发一个项目,并试图确定我的工作流程。昨天,我看到了thisvideo来自GuyBedford关于包管理的内容。在其中,他提到了他认为捆绑是反模式的事实。我看到过类似的关于不再在angular-universityguide上进行捆绑的提及。.从观看视频后我读到的内容来看,在我看来,捆绑是反模式的原因是HTTP2allowsmultipleresponsesperrequest,并行发送。这似乎非常有用,因为对服务器的单个请求可以在单个文件中返回整个Angular应用程序。HTTP2支持现在是否普遍到足以过渡到非捆绑应用程序?有什么优点

javascript - 如何选择 node_modules dist flavor 与 webpack 捆绑在一起

问题:在我将AJV.js升级到版本6.4后,我的vendorbundle包含“uri-js”ESNEXT版本而不是破坏IE11兼容性的ES5版本。分析:我认为AJV通过require('uri-js')调用引用uri-js,而uri-js有两种形式:/node_modules/uri-js/dist/:es5下一个出于某种原因,Webpack(V4.8)将uri-js的“esnext”风格捆绑到我的vendorbundle中,而不是使用“es5”。我找不到我必须如何/在何处指定我的首选构建目标。这是我的webpack.config.js:constpath=require("path"