草庐IT

karma_webpack

全部标签

javascript - fixture 不会在 Karma 中加载

我已经尝试了很多方法,但在运行Karma时似乎无法加载固定装置。我试过使用html2js和karma-jasmine-jquery—我倾向于后者,但无论哪个将我的固定装置加载到DOM中,我都会接受)—但据我所知,当我的测试运行时,它没有被加载并附加到DOM。我的目录结构很简单:img/↳mac.png↳link.png↳pocketwatch.pngjs/↳spriteloader.js↳spriteloader.spec.jskarma/↳imagelist.fix.html↳karma.conf.jsGruntfile.coffeeindex.htmlgrunt.config.co

javascript - 在 webpack 插件中使用加载器

为了澄清-这是一个关于写webpackplugin的问题如何在webpack插件中使用webpackrequire?MyPlugin.prototype.apply=function(compiler){varself=this;compiler.plugin('emit',function(compilation,callback){varfile='example.css';compilation.fileDependencies.push(file);varloaderResult=require('style!css!'+file);// 最佳答案

javascript - Babel [karma-babel-preprocessor] 不为 Karma 测试转换 ES6->ES5

我们已经安装了karma,它使用mocha和chai进行测试。我们正在尝试使用karma-babel-preprocessor将babel直接集成到karma中,以将我们的ES6文件转换为ES5以运行。单独使用mocha与babel一起工作,即mocha测试命令,但我们尝试使用karma而不是它不起作用。karma.conf.js片段:frameworks:['mocha','chai'],//preprocessmatchingfilesbeforeservingthemtothebrowser//availablepreprocessors:https://npmjs.org/br

javascript - npx webpack - 无法读取未定义的属性 'minify'

我正在通过此链接关注webpack的基本教程:https://webpack.js.org/guides/getting-started/当我运行npxwebpack时,它失败并出现以下错误:ERRORinmain.jsfromTerserTypeError:Cannotreadproperty'minify'ofundefinedatminify(/Users/name/Documents/practice/webpack/webpack-demo/node_modules/terser-webpack-plugin/dist/minify.js:175:23)atmodule.ex

javascript - 带有 webpack 的 Intl.js polyfill/shim?

我正在使用React-Intl与webpack我需要Intlshim以支持Safari和IE,但我不想为已经支持Intlspec的浏览器加载它.polyfill非常大(900kb),我如何确保它只在不支持它的浏览器中加载? 最佳答案 您需要做一些事情。确保要求intl/Intl加载核心库而不是所有相关国家/地区。这会将库的大小从大约900kb减少到大约150kb。使用webpack的require.ensure或require([])函数仅在需要时动态要求Intl.js。这将为Intl.js文件创建一个单独的包,该文件将根据需要加载

javascript - 将 webpack 设置为通过 HTTPS 在自定义域上本地运行

为了使用我想集成到我的应用程序中的模块(我在本地开发),我必须做两件事:1)让我的应用程序在HTTPS上本地运行。2)使用特定域运行应用程序。使用我用于本地开发的Webpack开发服务器,这两件事应该非常容易,但由于某些原因,它没有像文档建议的那样工作。我的webpack.config文件是:module.exports={entry:'./app/js/app.js',output:{path:'./app/js/',publicPath:'https://specialurl.com/assets',filename:'bundle.js'}我指向的路径已添加到我计算机上的主机文件

javascript - 如何在 GSAP 和 Webpack 中使用 ScrollMagic

为了使用ScrollMagicwithGSAP,你需要加载animation.gsap.js插件。使用Webpack,您可以执行类似这样的操作来完成此操作(假设您使用CommonJS语法并使用npm安装所有内容):varTweenMax=require('gsap');varScrollMagic=require('scrollmagic');require('ScrollMagicGSAP');为确保这确实有效,您必须向Webpack配置添加一个别名,以便Webpack知道插件所在的位置。resolve:{alias:{'ScrollMagicGSAP':'scrollmagic/s

javascript - Babel 不转译箭头函数 (Webpack)

当运行webpack和babel时,生成的bundle.js仍然包含箭头函数。在InternetExplorer10中运行时,这会给我一个语法错误。我希望babel将箭头函数替换为IE可以运行的正常函数。我的package.json具有以下devDependencies:"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-prese

javascript - 找不到模块 : Error: Can't resolve 'bundle.js' in '/Users/jonathankuhl/Documents/Programming/node js/sandbox/webpack-app'

我正在尝试完成有关Webpack的非常基础的教程。我无法让它编译一个非常基本的单行javascript应用程序。我已多次安装和卸载它。这只是学习如何使用Webpack的教程。我用了npminit设置package.json并且没有做任何其他事情来触摸该文件。我有一个index.html文件和一个应该捆绑到bundle.js文件中的app.js文件。我输入:webpackapp.jsbundle.js进入终端我一直收到这个错误:Jonathans-MBP:webpack-appjonathankuhl$webpackapp.jsbundle.jsHash:8d502a6e1f30f2ad

javascript - 如何从 Windows 控制台停止 webpack 开发服务器?

我使用以下命令从Windows控制台运行webpack-dev-server:webpack-dev-server--content-base./build--inline--hot在此之后,我看到消息webpack:bundleisnowVALID.并且我不能输入任何内容。但是,如果我更改了webpack.config.js中的某些内容,我必须关闭控制台,再次打开它并启动webpack-dev-server以应用我的更改。如何在不关闭控制台的情况下停止webpack开发服务器? 最佳答案 只需按两次Ctrl+C