草庐IT

mocha-webpack

全部标签

如何在WebPack中构建DIST文件夹后,将Bundle.js和CSS文件移动到静态文件夹中?

当我运行我的npmrunbuild或者npmrunbuild-dev它在根中创建index.html并管理2.Bundle.js和Manage2.CSS文件。我需要将这些文件移至静态目录中。因此,下面生成的索引。Manage2这是怎么回事的?webpack.config以下constfs=require('fs');constwebpack=require('webpack')constHtmlWebpackPlugin=require("html-webpack-plugin");constExtractTextPlugin=require("extract-text-webpack-plu

2023年高频前端面试项目考点(npm,git,webpack,TS4,sass,瀑布流,懒加载)

合集:2023年最全前端面试题考点HTML5+CSS3+JS+Vue3+React18+八股文+手写+项目+笔试_参宿7的博客-CSDN博客*表示回顾基础知识项目为二面三面,面试官基本就是照着简历里面的项目技术点切入然后深入展开。为了简洁,相关文章参考链接在标题里目录模块化规范懒加载(性能优化)scroll版IntersectionObserver 版require与import的区别和使用js的运行环境浏览器Node特点npm项目规范命令(创建运行)项目文件结构package.jsonpackage-lock.jsonnode_modulesgit代码管理常用命令分支git多人协同merge

javascript - 如何在 mocha 测试中使用 Node.js 全局变量

我在Node.js中使用的全局对象周围的mocha测试有问题。在索引文件中,我将值设置为全局变量//index.jsglobal.enums=enumTempexportdefaultapp然后在另一个文件中使用它//other.jsstatus=global.enums.object.status它是RESTAPI,如果我向服务器发出请求,它运行良好。但是,当我使用Mocha测试时,似乎无法获取Node.js全局变量的值。大家有什么想法吗? 最佳答案 我找到了一个适合我的解决方案,通过使用Mochahooks设置globalvar

javascript - 使用 Karma 运行的 Mocha 单元测试 - done() 未定义

我正在尝试让用Mocha编写的测试运行Karma,它们有点工作,但我不能使用done()方法来实现异步测试,这实际上使这些工具对我毫无用处。我错过了什么?karma.conf.jsmodule.exports=function(config){config.set({basePath:'../..',frameworks:['mocha','requirejs','qunit'],client:{mocha:{ui:'bdd'}},files:[{pattern:'libs/**/*.js',included:false},{pattern:'src/**/*.js',included

javascript - Wow.js 与 webpack 和 react

我尝试使用react和webpack来实现wow.js。我通过npm安装它。npminstall--savewow.js安装完美。现在的问题是如何正确导入它。我无法让它继续变得不确定。我试过几种方法:首先:importwowfrom'wow.js';但是webpack无法编译。它说找不到模块。即使我使用完整的urlimportwowfrom/node_modules/wow.js第二个:我正在使用来自here的解决方案:require('imports?this=>window!js/wow.js');但我仍然无法找到模块(我更改了我的node_modules的路径)。第三:来自her

javascript - 使用 require.js 时访问 "global"mocha.js 函数

我将Mocha.js包含在优秀的useshim中对于基于Require.js的网站。在使用Require.js时如何访问Mocha声明的define()和it()BDD函数?这是一个基本的代码示例:测试.js:varmocha=require('use!mocha'),testFile=require('testFile.js')mocha.setup('bdd');mocha.run();测试文件.js:define(function(require){//describe()andit()arenotavailabledescribe('Book',function(){it('s

javascript - webpack:找不到模块:错误:无法解析(使用相对路径)

我有一个应用程序的结构(node_modules目录从这个列表中排除):├──actions.js├──bundle.js├──components│  ├──App.js│  ├──Footer.js│  ├──Link.js│  ├──Todo.js│  └──TodoList.js├──Containers│  ├──AddTodo.js│  ├──FilterLink.js│  └──VisibleTodoList.js├──index.html├──index.js├──main.js├──package.json├──package-lock.json├──reducers

javascript - Sass 加载器和 webpack 4

如何在webpack4中使用sassloader?我阅读了很多关于此的内容,大多数网站都推荐使用ExtractTextPlugin,但ExtractTextPlugin不适用于webpack4。我写了以下webpack.config.js:constpath=require('path');constClosureCompilerPlugin=require('webpack-closure-compiler');module.exports={module:{rules:[{test:/\.scss$/,use:[{loader:"style-loader"},{loader:"cs

javascript - Webpack,新 block 正在以错误的路径加载

我正在尝试分块我的应用程序-尝试遵循webpacks指南的操作方法(https://webpack.github.io/docs/code-splitting.html)。所以我为我的应用程序设置了一个单独的block,我可以看到webpack正在生成1.bundle.js在我的构建文件夹中,但是它将它粘贴到我的index.html上路径不正确,在我的控制台中,我看到了1.bundle.js的提取错误文件。所以我的webpack配置看起来像这样(我现在只使用webpack:dev):return{dev:{entry:{index:'./client/app.jsx'},output:

javascript - 使用 Webpack 报错 : Bootstrap's JavaScript requires jQuery,

我是webpack的新手,但我开始在我的一个项目中使用它来了解它。我想将jQuery与Bootstrap一起使用,但是,当我启动该应用程序时,出现以下错误:bootstrap.min.js?5802:6UncaughtError:Bootstrap'sJavaScriptrequiresjQuery在我的webpack配置中,我定义了两个入口点,一个用于项目的库,一个用于外部库,称为vendor,如jQuery、Bootstrap等。在vendor中,我在jQuery库之后定义了Bootstrap库,但我无法摆脱错误。关于我遗漏了什么的任何线索?这是我的网络应用配置:importweb