草庐IT

es的开发场景

全部标签

javascript - 如何从浏览器开发工具访问 Webpack 模块?

我有一个用webpack编译的ES6模块。要调试它,我必须手动将某些对象附加到window,以便我可以通过Chrome/Safari中的调试工具引用它们:exportclassDialog{...}window.debugdialog=Dialog;这非常麻烦,而且肯定不是最好的方法。有没有一种方法可以在不修改源代码的情况下引用模块?是的,我知道断点,而且我会使用它们。但有时我想加载所有代码并通过使用内联JavaScript控制它来调整UI。 最佳答案 来源map如果您在开发环境或您自己的机器上运行服务器,您可以利用sourcema

javascript - 'require' 与 'import' es6 有何不同?

我遇到了一种我无法解释的行为。根据使用import或require,此测试成功(import)或失败(require)。如果失败,我有以下错误:PhantomJS2.1.1(Windows70.0.0)immutabilityanumberisimmutableFAILEDundefinedisnotaconstructor(evaluating'expect((0,_immutable.List)([1])).toEqualImmutable((0,_immutable.List)([1]))')代码如下:import{Map,List}from'immutable';constex

javascript - 如何使用 Gulp 压缩 ES6

我对手动编写gulpfile.js比较陌生。我有一个基于Backbone和Marionette的项目,到目前为止,gulp文件如下所示:vargulp=require('gulp');var$=require('gulp-load-plugins')();varbrowserify=require('browserify');vardel=require('del');varwatchify=require('watchify');varsource=require('vinyl-source-stream');varstylish=require('jshint-stylish');

javascript - 如何在 React Native Router Flux 中嵌套场景并使用方向 ='vertical' 导航?

我想嵌套react-native-router-flux的并尝试了以下操作,但我无法导航到来自:我想嵌套Profile内部组件Home组件,因为它只能通过Home访问组件。那么我该如何正确嵌套Profile内部组件Home组件?当我也导航到Profile时组件,它使用vertical导航方向,但是当它试图导航到另一个组件(例如Actions.test())时,它没有direction='vertical'设置,来自Profile组件,它应该垂直导航时水平导航,而在Profile内点击后退按钮组件返回vertical方向。自从我导航到Profile组件vertically,我怎样才能得到

javascript - 无法动态转译 ES 模块 System.config({ transpile : 'transpile-module' })

这是我的tsconfig.js{"compilerOptions":{"experimentalDecorators":true,"emitDecoratorMetadata":true,"moduleResolution":"node","target":"es5","module":"system","noImplicitAny":false,"outDir":"built","rootDir":".","sourceMap":false},"exclude":["node_modules"]我正在使用tsc命令将我的“hello-angular.ts”转译为“hello-angu

javascript - 每当发生 JavaScript 错误时显示突出的错误消息(供开发使用)

每当我的JavaScript在向控制台记录错误消息时死机,我都希望立即被告知。控制台太隐蔽,经常被其他窗口隐藏或遮挡。我可以拥有像.NET异常对话框一样突出的东西吗?对我来说,这些JavaScript错误是完全致命的;它们不是可以忽略的东西,在我花一些时间思考为什么某些事情没有发生之前,我想了解它们。是否有适用于Firefox或Chrome的插件? 最佳答案 我认为window.onerrorhandler将为您提供这样的功能,您可以在其中提醒错误、url和行号,DEMO注意:确保window.onerror函数位于单独的脚本标记内

javascript - ES6 模块导入和依赖管理

使用转译器已经可以使用ES6模块。最简单的方法之一是使用Browserify和Babelify。我遇到的问题是如何处理依赖管理。在过去,您只需要一些Bower依赖项。该构建会将非CDN捆绑到vendor.js并将特定文件投影到foobar.js(或其他)。因此,您只需bowerinstallfoobar--save就可以在不同的项目中使用生成的代码。如果foobar和您的新项目具有共同的依赖关系,则可以使用Bowers平面依赖关系轻松解决。现在ES6模块来了:假设我有一个使用lodash的项目foo。目录结构如下:src/js/foo.jssrc/vendor/lodash/dist/

javascript - ES6 : No source code for webpack "cheap-module-eval-source-map" and "cheap-module-source-map" only ** WEBPACK FOOTER **

它曾经有效。现在,当我添加一个断点时:saveSnippet:(title,imageUrl,role)=>{debugger;...chrome(53)中的结果是:我尝试使用它并将配置更改为'cheap-module-source-map'和'eval-source-map'和'source-map'。现在只有'eval-source-map'和'source-map'可以工作。webpack.config.js(Webpack1.13.2):varpath=require('path')varwebpack=require('webpack')varCompressionPlugi

javascript - 这个 JS 片段有什么作用? `"开发"!== 'production'`

都在这react.jsfile:if("development"!=='production'){vartypeofSpec=typeofspec;varisMixinValid=typeofSpec==='object'&&spec!==null;"development"!=='production'?warning(isMixinValid,'%s:You\'reattemptingtoincludeamixinthatiseithernull'+'ornotanobject.Checkthemixinsincludedbythecomponent,'+'aswellasanym

javascript - 在 Vue 中代理 webpack 开发服务器

我正在尝试使用vue-axios和vuex将所有api/请求代理到http://localhost:3000。命令行上的输出表明代理已经创建,但它实际上并没有代理到正确的地址和404。我在webpack中有以下设置:dev:{env:require('./dev.env'),port:8080,autoOpenBrowser:true,assetsSubDirectory:'static',assetsPublicPath:'/',proxyTable:{'api/':{target:'https://localhost:3000/api',changeOrigin:true,path