“文档未定义”使用带有外部库依赖项的Jasmine导入ES6 (Babel) - 腾讯云开发者社区

而我们在做单元测时往往需要断言库能够提供良好的测试报告，这样才能一目了然地看到有哪些断言通过没通过，所以使用专业的单元测试断言库还是很有必要。 chai ?...其他的断言库还有 expect.js should.js better-assert[4] , unexpected.js[5] 这些断言库都只提供纯粹的断言函数，可以根据喜好选择不同的库使用。...有了断言库之后我们还需要使用测试框架将我们的断言更好地组织起来。 mocha 和 Jasmine ?...下表为每种格式的支持范围，括号内表示需要借助外部工具支持。...比如我们常常使用 es6语法，就需要增加es6的支持。新增 spec/helpers/babel.js 写入如下配置即可。

9.6K2 0

为ES6配置JavaScript测试工具

现在已经可以很方便的使用使用ES6(亦或是未来的ES7)了，你只需配置好Babel就可以开始编码。...某些测试工具可能会需要一些有可能被你遗漏的库。安装Babel及相关库不管你使用的是何种测试，打包工具，你都需要Babel和babel-polyfill。...但我还是推荐你使用一个.babelrc文件。 Babel会自动从.babelrc中加载配置。即使是你使用了一个调用了Babel的库，这也是适用的。...即使你在测试代码中使用require加载了任何断言库或是其它的工具库，在执行测试的HTML你都不必引入它们。 Jasmine 对Node.js环境来说，Jasmine并不是一个理想的选择。...如何测试ES6 generators? Mocha支持Promise意味着当你需要测试带有Generator的代码时，你可以使用来自co模块的co.wrap方法。

3K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

Twitter工程师聊JS

-6 这个网站是个很好的ES6入门读物尽管JS有着不同的运行环境，但并不影响使用ES6新特性，因为有了像Babel这类很棒的工具，可以把你的代码转换为兼容各个平台的代码 JS还有一些变体，例如...建议使用ES6，因为各个浏览器的支持度越来越好，并且还有Babel这类的工具能够帮你 03 用什么build工具？...，不好比较对于新项目，我个人建议使用 webpack，因为他已经被广泛采用，可以处理具有复杂依赖关系的大型应用 04 如何测试？...JS的测试越来越重要，JS本身没有测试框架，需要依赖外置库 Mocha和Jasmine是两个主流库，你来定义预期行为，然后进行断言对于运行测试，Mocha提供了命令行工具，而Jasmine没有，很多开发者使用...Karma，他是一个test runner，Mocha和Jasmine的测试都可以使用Karma运行我个人的建议是 Karma + Jasmine，如果需要用到浏览器测试时，使用PhantomJS

1.4K6 0

作为JavaScript开发人员，这些必备的VS Code插件你都用过吗？

Babel JavaScript：支持ES201X、React、FlowType以及GraphQL的语法高亮。 DotENV：支持.env文件语法高亮，在你使用Node时会非常有用。 3....View Node Package：利用此插件可快速查看Node包源码，让你直接在VS Code中打开Node包的代码库或文档。...它带有很好的发布在GitBook上的文档。 Ember：为Ember提供了命令行支持和智能提示。安装完后，所有ember cli的命令可直接在VS Code自己的命令行列表中使用。...Quokka.js：非常厉害的调试工具，为JavaScript提供了快速构建原型的演练场，并且附带有很好的文档。 Paste as JSON：快速地将JSON数据转为JavaScript代码。...client这样的可用工具，让你在完成工作时减少了对外部工具的依赖；再比如SpreadJS纯前端表格控件，让在线Excel嵌入您的应用。

2.9K1 0

搭建 karma + jasmine 测试环境

在 init 时会让你选择一些配置项： test framework ---- 我这里选择的是jasmine，它是一款JavaScript断言测试库 use Require.js ---- 根据个人情况...no 在选择完所有配置项后，会自动生成karma.conf.js配置文件。...根据配置项的选择安装插件（1）测试框架选择的是jasmine，安装步骤如下： $ npm install jasmine-core karma-jasmine -D 复制代码这里要装两个，一个是jasmine...的核心，另一个是karma对jasmine的封装。...（2）浏览器选择的是PhantomJS，安装步骤如下： $ npm install karma-phantomjs-launcher -D 复制代码（3）如果涉及到对以ES6编写的代码进行测试，就要安装

1.7K2 0

从webpack到rollup

模块，对于基础库之类的东西很合适，因为es6项目一般会用babel转一遍，这样保证一次统一的babel翻译支持打包成iife，非常小。...）插件生态相对较弱，一些常见需求无法满足比如打包多个依赖库，把公共依赖项提出来（webpack的CommonsChunkPlugin）早些版本（0.43）循环依赖处理得不好，会出现打包/执行出错...helper声明，添上之后bundle都引用外部helper，例如： babelHelpers.createClass(xxx) babelHelpers在bundle里是未定义的，需要提前引入，比如web...尽量通过内部实现（或设计）来避免，解决循环依赖的常用技巧有：依赖提升，把需要相互依赖的部分提升一层依赖注入，运行时从模块外部注入依赖依赖查找，运行时由模块内部查找依赖依赖提升针对不合理的设计，此类循环依赖是本能够避免的...另外，稳定性及插件生态、文档等还不如webpack，但在苛求性能的场景，rollup是唯一的选择参考资料 rollup-plugin-babel Polyfill What are Babel “plugins

1.5K2 0

搭建 karma + jasmine 测试环境

在 init 时会让你选择一些配置项： test framework ---- 我这里选择的是jasmine，它是一款JavaScript断言测试库 use Require.js ---- 根据个人情况...no 在选择完所有配置项后，会自动生成karma.conf.js配置文件。...根据配置项的选择安装插件（1）测试框架选择的是jasmine，安装步骤如下： $ npm install jasmine-core karma-jasmine -D 这里要装两个，一个是jasmine...的核心，另一个是karma对jasmine的封装。...（2）浏览器选择的是PhantomJS，安装步骤如下： $ npm install karma-phantomjs-launcher -D （3）如果涉及到对以ES6编写的代码进行测试，就要安装Babel

1611 0

【自动化测试】【Jest-Selenium】（01）—— Jest 入门

如何添加对 ES6、TS 的支持 4.4. Hello World 1. 为什么要测试？.../ jasmine Jasmine is a behavior-driven development framework for testing JavaScript code. qunitjs /...Test Runner：测试执行过程管理工具 karma-runner / karma avajs / ava Assertion Library：断言库 chaijs / chai shouldjs...如何添加对 ES6、TS 的支持？...个人还是喜欢在 ES6、TS 环境下编码添加依赖： npm install --save-dev babel-jest @babel/core @babel/preset-env npm install

1.8K2 0

这些必备的VSCode JavaScript插件你都用过吗？

JavaScript Snippets（提供了ES6代码片段的集合。它包含对Mocha、Jasmine等其他BBD(Behavior-Driven Development)测试框架的支持。）...Babel JavaScript（支持ES201X、React、FlowType以及GraphQL的语法高亮。） DotENV（支持.env文件语法高亮，在你使用Node时会非常有用。）...View Node Package（利用此插件可快速查看Node包源码，让你直接在VS Code中打开Node包的代码库或文档。）...它带有很好的发布在GitBook上的文档。） Ember（为Ember提供了命令行支持和智能提示。安装完后，所有ember cli的命令可直接在VS Code自己的命令行列表中使用。）...Quokka.js（非常厉害的调试工具，为JavaScript提供了快速构建原型的演练场，并且附带有很好的文档。） ? 2.

6K1 0

2016 JavaScript 技术栈展望

如果你正在筹划新的前端项目或者重构现有项目，那么你需要认识到现在的前端开发环境已经今非昔比，这其中有太多的选择了：React、Flux、Angular、Aurelia、Mocha、Jasmine、Babel...使用 shrinkwrap 文件可以冻结项目中的第三方依赖，我建议使用 User 的 shrinkwrap，提高输出的一致性。...此外，开发者也可以考虑使用类似Sinopia 的工具托管自己的私有 NPM 服务器。 Babel 会将 ES6 module 语法转换为 CommonJS。...Lodash JavaScript 并没有一个类似 Java 或 .NET 的核心工具库，所以开发者大都会从外部引用一个外部工具库。目前来说，Lodash 是此类工具中的佼佼者。...除非你正在维护一个陈旧的项目或者用到的第三方库依赖了 jQuery，否则已经没有必要使用它了。我喜欢让项目保持简洁，在代码中只使用 fetch 。

2.1K4 0

Webpack 学习整理

虽然能够正常使用，但是，对于各个配置项，并不是很清楚。这几天利用空余时间，理一下几个 loader 和插件的使用。...的区别在于 style 是将 css 内联插入，而它的 loader 通过外部引入的方式将 css 插入文档中。...我们知道，对于 es6 新特性，不同浏览器支持情况是不一样的，我们使用 loader 的目的就是将 es6 转换为可被浏览器接受的 javascript 语法，似乎跟前面 css 的 postcss-loader...使用 babel-loader 能够将 es6 转换为 es5 来供浏览器识别。...下面是一些常用 preset 和插件 @babel/core // 核心库，必须安装此依赖 @babel/cli // 是一个允许你从终端使用 babel 的工具(可以全局安装) @babel/preset-env

5391 0

Es6中的模块化Module,导入(import)导出(export)

前言在Es6之前,javascript没有模块系统,它无法将一个大程序拆分成若干个互相依赖的小文件,然后在用简单的方法拼装起来.为了做到模块化,在Es6之前,引入了AMD(Asynchronous module...另外一种检测Es6的方法是:在node的repl环境中测试,如果不支持就会报错,运行正常就说明支持Es6写法还有一种检测方法就是:参考官方文档Es6对Node或者浏览器的支持情况具体可Ecmascript6...然后在当前目录下新建配置文件.babelrc,注意存储的位置不要带有中文路径,否则使用babel命令时会抛出错误 { "presets":["es2015"] } 在编写好es6代码后通过 babel...而使用require是全部都引入了的，若想要更加效率的话,那么推崇import导入的方式例1:全局完整引入,没有大括号,从element-ui库中引入Element,当然在vue中,还得Vue.use...,以及在Node中通过babel将es6代码转化为Es5代码在Node中执行,模块的导出(导出数据,函数和类)模块的导入(单个导入,多个导入,导入整个) 模块中在用export关键字导出所要暴露的对象和用

2.6K2 0

Eslint使用以及相关配置说明

// 三剑客 /*将源代码转为 AST*/ const parser = require('@babel/parser').parse; /*AST 开发的核心，95% 以上的代码量都是通过 @babel...*/, mocha: false /** 添加所有的 Mocha 测试全局变量 */, jasmine: false /** 添加所有的 Jasmine 版本 1.3 和 2.0...以下解析器与 ESLint 兼容： Esprima Babel-ESLint - 一个对Babel解析器的包装，使其能够与 ESLint 兼容。...extends（集成），同时具有plugin导入的能力，还引入了自带的规则风格。...重要注意代码库的 node_modules 目录，比如，一个 packages 目录，默认情况下不会被忽略，需要手动添加到 .eslintignore。

3.5K4 0

rollup从0到1

目的开发基于 typescript ES6 语法，使用jest eslint 为校验或测试的npm包。...Rollup 对代码模块使用新的标准化格式，这些标准都包含在 JavaScript 的 ES6 版本中，而不是以前的特殊解决方案，如 CommonJS 和 AMD。...ES6 模块可以使你自由、无缝地使用你最喜爱的 library 中那些最有用独立函数，而你的项目不必携带其他未使用的代码。...该包配合 @rollup/plugin-node-reslove 来正确处理外部依赖的引入问题使用 import pluginCommonjs from '@rollup/plugin-commonjs...:false, // 导入无法被映入的ts模块 typescript: '', transformers: '' } @rollup/plugin-babel 插件将默认加载根目录下的 babel.config.js

2.1K1 0

Flow 静态类型检查开发环境搭建

本文将详细介绍使用 Webpack、ESlint、Babel 与 Flow 集成的开发环境的构建过程。...开发环境使用 Babel 编译器配置 es6 开发环境，使用 Babel 编译器必须先安装 @babel/core 和 @babel/preset-env 两个模块，其中 @babel/core 是...因为这里使用的打包工具是 Webpack，所以还需要安装 babel-loader 插件。...添加特定导入。...": { "env": { "es6": true } } } 配置 Flow 静态类型检查安装依赖： npm install --save-dev flow-bin

1.1K2 0

《千锋最新前端webpack5》学习笔记，持续记录

，这个时候一般是没有任何依赖包的，但是所以需要的包已在package.json里面写好了，这个时候我们就可以使用npm install来安装所有项目中需要的依赖包了。...，如引入的同一个库） entry下的dependOn：当前入口所依赖的入口。...externals配置项用于将某些 import 的包(package)打包到 bundle 中，而是在运行时(runtime)再去从外部获取这些扩展依赖(external dependencies)...，动态导入是使用时才会动态加载JS， 1.动态导入相关文档：https://webpack.docschina.org/guides/code-splitting/#dynamic-imports 当涉及到动态代码拆分时...第一种，也是推荐选择的方式是，使用符合 ECMAScript 提案的 import() 语法来实现动态导入。和静态导入的区别在于一个是运行前加载，一个是运行时加载。

1K1 0

rollup打包ts+react最佳实践

，不支持CommonJS模块，自己写的时候可以尽量避免使用CommonJS模块的语法，但有些外部库的是cjs或者umd（由webpack打包的），所以使用这些外部库就需要支持CommonJS模块。...打包出来的依赖默认是遵循es6语法，但是这样在有些地方不是很兼容，要编译的化，我们需要安装babel插件需要rollup版本 < 3 安装 npm i rollup-plugin-babel @babel...rollup默认会将我们用到的依赖项全部打包进bundle中，有的时候会造成我们的bundle特别的打大，我们可以通过配置exteral来将它们改为外部依赖，以此来减小我们的包体积配置 input:...... output:... external:['react'] //告诉rollup不要将此react打包，而作为外部依赖，在使用该库时需要先安装相关依赖至此，rollup打包的基础配置已经完成...src') }], }), ], external:['react'] //告诉rollup不要将此lodash打包，而作为外部依赖，在使用该库时需要先安装相关依赖 }; package.json

3.7K2 0

VSCode拓展推荐（前端开发）

一、使用说明相似功能的插件，不推荐全都装上，请挑选一个使用本列表所有插件均已测试使用过，但不代表不存在问题任何插件本身的问题，请到对于代码仓库提交issue 二、拓展名称简述 Auto Close...Tag 自动闭合HTML标签 Auto Import import提示 Auto Rename Tag 修改HTML标签时，自动修改匹配的标签 Babel JavaScript babel插件，语法高亮...Color Picker 拾色器 CSS-in-JS CSS-in-JS高亮提示和转换 Dash 集成Dash Debugger for Chrome 调试Chrome Document This 注释文档生成...（import/require）的包的大小 Indenticator 缩进高亮 IntelliSense for css class names css class输入提示 JavaScript (ES6...操作数据库，支持mysql和postgres vscode-icons 文件图标，方便定位文件 vscode-random 随机字符串生成器 vscode-spotify 集成spotify，播放音乐

2.3K4 1

Webpack 实现 Tree shaking 的前世今生

： UglifyJS 不支持 ES6 及以上，需要用 Babel 将代码编译为 ES5，然后再用 UglifyJS 来清除无用代码；通过 Babel 将代码编译为 ES5，但又要让 ES6 模块不受...在官方文档最后有说明，Babel Minify 最适合针对最新的浏览器（具有完整的 ES6+ 支持），也可以与通常的 Babel es2015 预设一起使用，以首先向下编译代码。..., pluginOpts) ] } babel-loader 预设在官方文档最后有说明，Babel Minify 最适合针对最新的浏览器（具有完整的 ES6+ 支持），也可以与通常的 Babel...语法使用层面首先，mode 为 production 模式下才会启用更多优化项，包括我们本文讲的压缩代码与 tree shaking；使用 ES2015 模块语法（即 import 和 export...总结如果是开发 JavaScript 库，使用 rollup！

1.2K2 0

Rollup 与 Webpack 的 Tree-shaking

为什么 Tree-shaking 需要依赖 ES6 module ES6 module 特点：只能作为模块顶层的语句出现 import 的模块名只能是字符串常量 import 之后是不可修改的例如，...在使用 CommonJS 时，必须导入完整的工具 (tool) 或库 (library) 对象，且可带有条件判断来决定是否导入。...// 使用 CommonJS 导入完整的 utils 对象 if (hasRequest) { const utils = require( 'utils' ); } 但是在使用 ES6 模块时，...无需导入整个 utils 对象，我们可以只导入我们所需使用的 request 函数，但此处的 import 是不能在任何条件语句下进行的，否则就会报错。...// 使用 ES6 import 语句导入 request 函数 import { request } from 'utils'; ES6 模块依赖关系是确定的，和运行时的状态无关，因此可以进行可靠的静态分析

1.4K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

写代码无BUG，网易云前端单元测试方案总结

为ES6配置JavaScript测试工具

Twitter工程师聊JS

作为JavaScript开发人员，这些必备的VS Code插件你都用过吗？

搭建 karma + jasmine 测试环境

从webpack到rollup

搭建 karma + jasmine 测试环境

【自动化测试】【Jest-Selenium】（01）—— Jest 入门

这些必备的VSCode JavaScript插件你都用过吗？

2016 JavaScript 技术栈展望

Webpack 学习整理

Es6中的模块化Module,导入(import)导出(export)

Eslint使用以及相关配置说明

rollup从0到1

Flow 静态类型检查开发环境搭建

《千锋最新前端webpack5》学习笔记，持续记录

rollup打包ts+react最佳实践

VSCode拓展推荐（前端开发）

Webpack 实现 Tree shaking 的前世今生

Rollup 与 Webpack 的 Tree-shaking

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐