草庐IT

webpack_require

全部标签

Javascript - 在 Require.js 中延迟模块返回/声明?

我有一个模块返回一个由JSON数据和图像对象组成的数组。由于加载JSON(从其他文件)和图像对象都需要时间,所以我需要我的模块仅在两者完成后才返回数组。目前,该模块总是在其他模块中返回“undefined”,我相信这是因为该模块没有像我预期的那样等待返回(但我不确定)。或者,因为使用此Atlas模块的其他模块在返回任何内容之前将其声明为变量。编辑以展示我如何定义/要求模块*再次编辑以显示更多代码*Thelivecodecanbeseenhere.这是我的tile-atlas模块:define(function(){vartilesheetPaths=["tilesheets/groun

javascript - 如何 Stub webpack 的 require.ensure?

我使用webpack的代码拆分功能(require.ensure)以减少我的React的初始包大小通过从异步加载的单独包中加载在页面加载时不可见的组件来应用程序。这很完美,但是我在为它编写单元测试时遇到了问题。我的测试设置基于Mocha,Chai和Sinon.这是我迄今为止尝试过的代码的相关摘录:describe('WhenIrenderthecomponent',()=>{letcomponent,mySandbox;beforeEach(()=>{mySandbox=sandbox.create();mySandbox.stub(require,'ensure');componen

javascript - 如何为 mocha-webpack 分离文件

发生的事情是,当我运行我的测试时,我的覆盖率只显示bundle.js这不是很有帮助。我有以下webpack文件设置,想知道我应该更改什么以使其单独覆盖每个文件webpack.config-test.jsvarnodeExternals=require("webpack-node-externals")constpath=require("path")module.exports={context:path.resolve(__dirname),resolve:{extensions:[".js"],alias:{"@":path.join(__dirname,"../../src/se

javascript - 在 Require.js 中填充一个使用 module.exports 的模块可能吗?

我有一个模块,我想将其包含在Require.js链中。(更具体地说:https://github.com/component/emitter)在浏览器上我得到:UncaughtReferenceError:模块未定义对于模块导出,它定义了:module.exports=Emitter;我猜这就是所谓的AMD/Node方式。如有错误请指正。无论如何,我希望require.js能够以某种方式在浏览器中进行模块化。我认为Require.js的声明性填充选项可以帮助我,但我仍然看到上述错误。如何在不手动修补模块的情况下解决这个问题?(因为我想保留我设置的自动构建过程)

javascript - 是否可以使用 webpack 在浏览器中动态配置 `publicPath`?

我有一个项目,我将同一个webpackJS包部署到多个不同的环境。一些环境使用CDN来提供JS文件等静态Assets,而另一些环境则不使用CDN,而只是从与项目其余部分相同的根目录提供静态Assets。这个项目也有多个异步webpackblock,所以我定义了一个publicPath来正确加载它们。当部署到非cdn时,webpack在我的webpack配置中使用静态配置的publicPath可以正常工作,服务于/static/之类的所有内容。然而,当部署到使用CDN的环境时,这不再适用于异步block,因为webpack将尝试从/static/访问这些block,这意味着他们询问主应用

javascript - CSS 中的 Webpack Uglify 错误

我强调要让Uglify与我的项目一起工作,之前我使用过Uglify并且没有出现问题,但现在我认为这与SASS相关。ERRORin./~/css-loader!./~/sass-loader!./app/scss/global-header.scssModulebuildfailed:TypeError:Cannotreadproperty'4'ofundefinedatreduce(/Users/contractor/centralefcom-global-components/node_modules/postcss-reduce-transforms/dist/index.js:1

javascript - 不使用 webpack 或 browserify 将 .vue 文件编译成 .js 文件

没有webpack或browserify,有什么办法可以将.vue文件编译成.js文件吗?我知道webpack或browserify的优点,但我只想要最简单的方法来编译.vue文件。例如,我有一个文件组件comp.vue编译成comp.js(编译器应该能够在.vue文件中编译sass和pug)然后我可以在我的应用程序中使用它,如下所示://itmaypackthewholecomponentintovariablecompandaddthestyleVue.component('comp',comp);window.onload=function(){newVue({el:'#app'

javascript - 仅使用 typescript(没有 webpack 也没有 bable),我可以获得在浏览器中运行的多文件解决方案吗?

要在Chrome中运行,tsconfig.json需要什么?这样我只需要运行tsc然后就可以在浏览器中查看文件并且适当的结果会显示在控制台中?index.html包含:TypeScriptappindex.ts包含import{alpha}from"alpha";import{beta}from"beta";console.log(alpha+""+beta);阿尔法包含exportconstalpha='alpha';测试版包含exportconstbeta='beta';入口点是index.ts,我希望它全部捆绑到一个名为app.js的文件中。 最佳答案

javascript - 未捕获的 TypeError : Failed to execute 'insertRule' on 'CSSStyleSheet' : 2 arguments required, 但只有 1 个存在

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。关于您编写​​的代码问题的问题必须在问题本身中描述具体问题—并且包括有效代码以重现它。参见SSCCE.org寻求指导。关闭9年前。Improvethisquestion最新版本的GoogleChrome和Opera会抛出此错误:UncaughtTypeError:Failedtoexecute'insertRule'on'CSSStyleSheet':2argumentsrequired,butonly1present.知道这个新错误的来源以及如何修复吗?

javascript - 带有 Webpack 和 Typescript 的 JQuery 插件(数据表)

我正在尝试将datatablesJQuery插件与webpack和typescript一起使用。我已经启动并运行了JQuery和打字(intelliSense工作),对于数据表我只有intelliSense,但是在我运行应用程序时构建webpack之后,代码在$('#id').dataTable()时失败行。app.js:43UncaughtTypeError:$(...).dataTable不是函数我不知道如何正确附加这个插件,谁能帮帮我?webpack.config.js如下;https://gist.github.com/marcingolenia/2fa78ed2cd42f92