草庐IT

webpack-5

全部标签

javascript - 找不到 Karma + Jasmine + TypeScript + Webpack 的源映射

我正在尝试使用Karma、Jasmine和Webpack测试(覆盖)我的TypeScript应用程序。通过以下,我能够成功运行测试,但无法正确生成覆盖率。我正在使用karma-remap-coverage(https://github.com/sshev/karma-remap-coverage),它看起来很简单。它看起来好像发生了一些有趣的事情(而且我得到了某种覆盖率报告)但是在这里和那里进行了一些调整,数字发生了巨大变化,我永远无法真正加载源map。这是基本设置:我有一个src目录,其中包含10个.ts文件。目前只有一个有相应的.spec文件。spec文件非常简单,足以证明我可以运

javascript - AWS Lambda 的 Webpack 配置?

我正在使用AWSLambda,为此我需要将一些现代JavaScript转换为Node6.10。这是我的代码:exportconsthandler=function(event,context,callback){console.log('Hello,world');callback(null,'OK');};这是我想转换成的(粗略地说):exports.handler=function(event,context,callback){console.log('Hello,world');callback(null,'OK');};这是我当前生成的:module.exports=/***

javascript - 用 webpack 填充一个包

我需要在我的项目中使用一个javascript文件作为依赖项。它没有github存储库,它不在bower或npm上,它就在这里。http://a.klaviyo.com/media/js/learnmarklet.js我可以用bower安装它:bowerinstallhttp://a.klaviyo.com/media/js/learnmarklet.js--save我知道它将存在于我的项目中:./bower_components/learnmarklet/index.js我知道它将一个名为_learnq的变量附加到全局窗口对象。我要的就是这个var_learnq=require("k

javascript - 如何缩小 gulp-webpack 文件?

有如下情况:gulp.task('webpack',function(cb){gulp.src('webpack-init.js').pipe(webpack({output:{filename:'bundle.js',},})).pipe(gulp.dest('./client/js'));cb();});一切正常,但我想缩小输出文件。如果我直接使用gulp-uglify-.pipe(webpack(...)).pipe(uglify().on('error',gutil.log)).pipe(gulp.dest('./client/js'));有一个错误:“意外的标记:punc()

javascript - 在 webpack bundle 中运行 Webpack Dev Server

我有一个运行Express的Node服务器的webpack配置。入口文件如果在生产中运行Express服务器,如果在开发中也运行ExpressServer和WebpackDevServer。问题出在webpackdevserver初始化的时候;它提示UnhandledrejectionError:invalidargument或找不到路径。webpackdev服务器中使用的客户端配置在CLI中单独使用时运行良好,当webpackdevserver在常规(未捆绑)文件中初始化时也可以正常工作。每种方法的不同之处在于,从配置中打印的路径在有效和无效的情况下是不同的。这些路径是从__dirn

javascript - 如何使 webpack typescript react webpack-dev-server 配置以自动构建和重新加载页面

我的意图是有这样的目录结构:-/my-project/--/src/(hereareall.tsxfileslocated)--/dist/-index.html-/build/-bundle.js--/node_modules/--package.json--tsconfig.json--webpack.config.js所以,我想要我的index.html,它是在/dist子目录中手动创建的,在它里面我想要/buildsubdir,webpack制作的app.js所在的位置。我希望当我保存一些位于我的/src目录中的.tsx文件时,webpack会自动重建app.js并且webpa

javascript - 使用 browserify 或 webpack bundle 后访问 "public"成员

我有一个test.js脚本,它定义了一个类App并从HTML文件加载,一切正常。当我使用browserify或webpack从test.js创建一个testBundle.js包时,testBundle中的类App.js似乎不再定义。我应该如何编写代码或者我应该给browserify什么选项来定义应用程序并像以前一样从HTML中使用它,但是从包中?。我在打包后得到的错误是:UncaughtReferenceError:Appisnotdefinedhtml文件如下:varapp=newApp();测试.js:'usestrict';classApp{constructor(){conso

javascript - 从 block webpack 4 中排除某些模块

我如何指定我不希望webpack4block中的模块,假设我不希望vendor文件中有lodash(无论后果如何),我该怎么办?这是实际配置:splitChunks:{name:'vendors',maxAsyncRequests:1,maxInitialRequests:2,chunks:'initial',} 最佳答案 test也可以采用方法。这允许很大的灵active。例如..vendor:{test(mod/*,chunk*/){//Onlynode_modulesareneededif(!mod.context.inclu

javascript - webpack 卡在 "95% emit"/"95% emitting"

Thisismyproductionwebpackconfig.标题中的两个引号分别指的是webpack2和webpack。两者都因类似的错误而挂起。这是我触发构建的命令设置NODE_ENV=production&&webpack--configconfig/webpack.config.prod.js--progress--display-error-details我错过了什么?这是运行npmrunpack后的输出,它与我的生产webpack构建相关:$npmrunpack>somedir@packC:\somedir>setNODE_ENV=production&&webpack-

javascript - 如何使用 webpack 输出多个文件夹?

我的JS模块有一个文件夹结构。我想要每页一个模块。这不是单页应用。如何以文件夹结构输出文件?据我所知,唯一的可能就是输出[name].js。如果我使名称非常独特,或者我可以使名称具有-作为文件夹分隔符,这可能会起作用。这意味着a/b/c.js将转换为名称a-b-c。我真的不喜欢这个。我希望能够require("a/b/c")。据我所知,我也不能使用单个捆绑文件,因为require在模块外不可用。如果是这样,我可以只构建一个包并在每个页面上require("a/b/c")。如果我在Internet上找不到执行此操作的好方法,请告诉我。看起来我可以使用r.js使用require.js轻松地