草庐IT

webpack_require

全部标签

javascript - 将引导变量和 JSON 传递给 require.js

将渲染页面中的引导变量(即JSON数据或配置变量)传递给require.js以便检查它们是否被依赖项使用的最佳做法是什么?看起来这可以通过检查window对象(即window.bootstrapped_models)来完成,但这似乎不是最优的。app.html-HTML文档中的示例数据varconfig={"isAdmin":true,"userId":1};varbootstrapped_models={"groups":[{"id":1,"name":"Foo"},{"id":2,"name":"Bar"}]}app.js-使用require()的示例应用require(['jqu

javascript - 如何在不链接到所有其他 Assets 的多个页面中捆绑 Webpack Assets ?

Webpack有一些我无法理解的地方。大多数webpack示例显示了一个主要入口点app.js,它导入所有Webpack的其他React组件以递归构建结果文件。如果有多个入口点,比如pageA.js和pageB.js,我们将它们放入入口参数的数组中。然而,我的问题是我的“主要”入口点没有使用和导入每个组件。也许只是一些。在PageA上,我可能只导入ComponentA和ComponentB。在PageB上,我可能只导入ComponentB和ComponentC。然后在我的MainPage的main.js中,我可能只导入ComponentD。我可以将main.js、PageA和PageB

javascript - WebPack + SystemJS - 如何添加 JavaScript 文件?

我想在我的项目中包含一个名为/assets/js/clusterfeaturelayer.js的文件,我在其中使用SystemJS和WebPack并且具有以下结构。/app/node_modules/assets/js该文件以AMD风格定义,如下所示:define(['dojo/_base/declare','dojo/_base/array','dojo/_base/lang','esri/SpatialReference','esri/geometry/Point','esri/geometry/Polygon','esri/geometry/Multipoint','esri/g

javascript - Chrome 扩展中的 Require.JS : define is not defined

我正在尝试在我的chrome扩展程序中使用Requre.js。这是我的list:{"name":"myextension","version":"1.0","manifest_version":2,"permissions":["http://localhost/*"],"web_accessible_resources":["js/test.js"],"content_scripts":[{"matches":["http://localhost/*"],"js":["js/require.js","js/hd_init.js"]}]}hd_init.jsconsole.log("h

javascript - webpack 导入的模块不是构造函数

我创建了一个小的JS模块,我打算制作一个npm包,但目前只在GitHub上。该模块是用ES6和SCSS编写的,因此依赖于webpack和babel进行编译。为了测试它,我创建了一个具有类似设置(webpack和babel)的单独项目。在npm安装我的模块后,当尝试将它导入我的index.js时,我在Chrome开发者工具中收到以下错误:(x是我的模块名称)index.js:11UncaughtTypeError:x__WEBPACK_IMPORTED_MODULE_1___default.aisnotaconstructorateval(index.js:11)atObject../s

javascript - 带有 requirejs/AMD 的 Webpack

我正在为一个仍然使用requireJS进行模块加载的现有项目开发一个新模块。我正在尝试为我的新模块使用新技术,例如webpack(它允许我使用es6导入来使用es6加载程序)。似乎webpack无法与requireJS语法协调。它会说类似这样的话:“找不到模块:错误:无法解析”。问题:Webpack不会打包带有requireJS/AMD语法的文件。问题:有没有办法让webpack和requireJS兼容?我的最终输出必须是AMD格式,以便项目正确加载它。谢谢。 最佳答案 我有同样的问题,我设法实现了它。下面是相同的webpack.c

javascript - 间歇性 "Bootstrap's JavaScript requires jQuery”错误

我刚开始使用requirejs,我遇到了一个似乎无法解决的问题。当我加载我的应用程序时,我偶尔会收到错误消息“Bootstrap的JavaScript需要jQuery”。以下是相关文件:.HTML...我的require.config来自main.js文件:requirejs.config({baseUrl:'./scripts',shim:{underscore:{exports:'_'},bootstrap:{dep:['jquery'],exports:'Bootstrap'},backbone:{deps:['jquery','underscore'],exports:'Bac

javascript - Eclipse - 使用 require.js define(...) 支持大纲 View

我在define(...)中编写了大量代码如以下格式-define(['angular'],function(angular){functionfoo(){console.log("Hi");}functionfoo2(){console.log("Hi");}functionfoo3(){console.log("Hi");}})Eclipse缺少所有outlineview这种格式的输出,意思是什么都不显示。如何让它支持这种格式,意思是让我了解所有函数和变量声明?这里附上了我当前的大纲View- 最佳答案 JSDT插件是JavaS

javascript - 使用 Webpack 和 Babel 导出类不起作用

我有一个非常简单的Webpack和Babel设置,用于小型图书馆。之前,我有以下架构来生成库的ES5版本:module.exports.lib=(function(){/*privatepartoflibraryhere*/return{.../*publicpartoflibraryhere*/}})();一切都以这种方式运行良好,我什至在我的库中有一些ES6功能,例如箭头函数,并且一切正常。但是,我决定将我的方法更改为ES6类,这样:exportdefaultclassLibrary{}现在,当我尝试这样做时:varlibrary=newLibrary();我知道库没有定义。即使只

javascript - Webpack 突然崩溃了

一周前它运行良好。现在,没有任何更改(相同的PC和完全相同的文件-与repo没有差异),在npminstall之后它不再工作并崩溃并出现以下错误:user@machine:~/workspace/work/project$npmrunbuild>project@0.0.1build/some_outer_path/some_path/workspace/work/project>rimrafdist&&webpack--progress--profile--bail10%buildingmodules3/12modules9active...h-fe/node_modules/quil