草庐IT

Webpack--devServer的常用配置

全部标签

javascript - 配置同时打开 WebSocket 的最大数量(在 IE 中)

我有这个JS应用程序。所有客户端JS通过web套接字与第三方流服务器通信。我为一页打开了大约18个不同的网络套接字。Firefox和Chrome可以同时处理这么多打开的网络套接字。IE11似乎有一次只能打开4个网络套接字的限制。一旦我打开第5个网络套接字,无论对第三方服务器的套接字调用如何,我都会收到IE抛出的错误,它关闭套接字并给出一般错误“SecurityError”并扩展proto它给我的部分。从我的搜索中似乎是非常普遍的错误。起初我认为IE可能存在受信任区域类型问题,但我已将客户端站点以及提供数据的服务器添加到我的受信任区域。此帖providesinfoonmaxnumbero

javascript - 如何配置 Angular ui-router 不使用严格的 URL 匹配模式

ui-router0.2.11版本介绍optiontoturnoffstrictURLmatching,但我不知道如何实际使用它。我试过标准配置,因为他们使用intests:app.config(function($urlMatcherFactoryProvider){$urlMatcherFactoryProvider.caseInsensitive(true);$urlMatcherFactoryProvider.strictMode(false);});这些设置都不起作用,所以我想要么我做错了什么,要么它被窃听了。似乎也没有关于它的文档。 最佳答案

javascript - 使用 Webpack 在 devtools 中调试

使用require.js在Chrome的DevTools中调试模块非常容易,只需输入:require('my-module').callThisFunction()使用Webpack这不再是可能的,因为它通过CLI编译模块并且不导出require。window.webpackJsonp是全局公开的,所以我想我可以找到模块ID并像这样调用它:webpackJsonp([1],[]),但不幸的是,这会返回undefined。是否有任何解决方法仍然能够像require.js一样进行调试? 最佳答案 将代码添加到包中的模块require.e

javascript - 使用 babel 和 webpack 减少转译代码助手

在我的项目中,我使用babel向下转换为ES5。我正在使用webpack将所有东西捆绑在一起。有几个地方,babel在任何给定文件的顶部添加一个函数以支持某些功能(如restparamshere或importstatementshere)。例如,几乎每个文件的顶部都有这个:var_interopRequire=function(obj){returnobj&&obj.__esModule?obj["default"]:obj;};几个文件有这个:var_toConsumableArray=function(arr){if(Array.isArray(arr)){for(vari=0,a

javascript - Webpack 2 没有正确摇树 D3.js

当执行import{select}from'd3'时,Webpack将在包中包含所有的d3.js,如下面的bundlevisualization.所示这个问题可以通过执行import{select}from'd3-selection'来解决,但这有点违背了自动treeshaking的目的。Treeshaking在我们的非库代码的简单情况下似乎确实有效。我们在.babelrc中使用"modules":false以保留模块语法并在我们的中使用'module'resolvewebpack.config.jsresolve:{mainFields:['module','browser','ma

javascript - webpack 中的异步 block 是什么?

这可能是一个虚拟问题,但在阅读split-chunks-plugindocumentation之后和thisarticleaboutcodesplitting,我仍然无法理解asyncblock指的是什么。split-chunks-plugindocumentation关于chunks属性的声明:[it]indicateswhichchunkswillbeselectedforoptimization.Ifastringisprovided,possiblevaluesareall,async,andinitial.Providingallcanbeparticularlypowerf

javascript - 运行跨多个 grunt.js 文件配置的任务

我有一个包含多个未发布模块的Node应用程序。我的应用程序的package.json包含一些git依赖项:"module-a":"git+ssh://git@github.com:me/module-a.git","module-b":"git+ssh://git@github.com:me/module-b.git"并且每个都有自己的grunt配置。例如在node_modules/module-a/grunt.js中:module.exports=function(grunt){grunt.initConfig({lint:{files:['server/**/*.js','test

javascript - 用于开发和生产构建的 Webpack Angular 应用程序 API URL 配置

我有一个具有以下简单配置文件config.js的Angular应用程序:exportdefaultfunction(app){app.constant('config',{apiUrl:'https://localhost:8080'});};由Webpack入口点app.js导入:importconfigfrom'./config';config(app);我想在进行生产构建时使用不同的apiUrl。在Webpack中最简单的方法是什么? 最佳答案 https://stackoverflow.com/a/34032050/1610

javascript - webpack-dev-server 运行两次

我已经尝试用几种不同的方法解决这个问题,所以我必须从头开始。我有一个名为webpack.dev.js的配置文件,如图所示:constpath=require("path");constHtmlWebpackPlugin=require("html-webpack-plugin");constExtractTextPlugin=require("extract-text-webpack-plugin");constCopyWebpackPlugin=require("copy-webpack-plugin");module.exports={entry:"./src/script.js"

javascript - 如何使用 webpack 2.7 将 Vue.js 置于生产模式?

我有一个现有代码库,其中Vue.js存在性能问题。我还在浏览器控制台中看到此通知:所以我想一个简单的解决方法是将Vue置于生产模式。在thesuggestedlink我尝试按照webpack的说明进行操作。我们使用的是Webpack2.7版(当前稳定版是4.20)。在说明中说,在Webpack3及更早版本中,您需要使用DefinePlugin:varwebpack=require('webpack')module.exports={//...plugins:[//...newwebpack.DefinePlugin({'process.env.NODE_ENV':JSON.string