草庐IT

webpack_require

全部标签

javascript - 在 webpack 中包含 jquery-sparkline

我第一次尝试使用webpack时遇到了困难。我在浏览器控制台中收到以下错误。ERRORTypeError:$(...).sparklineisnotafunction这是我的webpack.config.vendor.js代码constpath=require('path');constwebpack=require('webpack');//constExtractTextPlugin=require('extract-text-webpack-plugin');constmerge=require('webpack-merge');consttreeShakableModules=

javascript - Webpack 在使用继承缩小/丑化 ES6 代码时删除了类名

Webpack在使用继承缩小/丑化ES6代码时删除了类名:有MVCE我们尝试缩小/丑化的代码:子类:constParentClass=require('parent');classChildextendsParentClass{constructor(){super();}}module.exports=Child;index.js调用Child类:constChild=require('./classes_so/child');letchild=newChild();console.log(child.constructor.name);node_modules中的ModulePar

javascript - Karma 未运行在 karma-webpack 中具有 "import"语句的测试

我有一些测试文件,其中包含我想针对我的应用运行的测试。我正在尝试使用karma、karma-webpack、karma-babel-preprocessor、karma-chrome-launcher和jasmine在我的测试中。我的应用程序依赖于很多东西,包括backbone、marionette等。我的应用程序是使用webpack构建的,我正在尝试使用>webpack将我的文件捆绑在一起进行测试。(我最初想看看我是否可以跳过这一步,即简单地import一个要测试的文件,但似乎这是不可能的。)我的测试脚本看起来像package.json(脚本部分)"test":"./node_mod

javascript - 如何使用 require.js 在需要时首先加载脚本?

背景我有一长串用backbone.js制作的模型和View-但并非所有用户都会打开所有View。我用require.js加载JavaScripts文件和模板。我现在拥有的我有一个知道所有View的路由器。由于路由器知道这一点,因此所有View、模型和模板都会在启动时加载——这也会加载随机访问的View。问题如何在需要时使用require.js加载JavaScript?不是在初始启动时,而是在用户首次打开View时。更新我现在可以按照下面的回答中的评论进行这项工作。在路由器中,我对每条路线都有要求:require(["yourmodule"],function(MyModule){//.

javascript - require.js 没有加载任何模块

我正在尝试使用require.js加载模块,我的app.js中有以下内容:require.config({baseUrl:"js"});alert("helloworld");//fordebuggingrequire(['eh2'],function(eh2){alert("nothinghere");//fordebugging});但是,当我运行我的应用程序时,尽管加载了app.js,但从未加载我需要的模块-“helloworld”执行,但“nothinghere”没有执行!我在HTML页面中的脚本标记如下所示:而eh2.js位于js文件夹中,它被包裹在一个define语句中:d

javascript - require() 在 node.js 中需要相同模块时如何工作

当node.js多次需要一个模块时,它会返回相同的对象,因为require()缓存了之前的调用。假设我有一个可以注册子记录器模块的主记录器模块。(那些实际上是通过主记录器模块log()函数进行记录的。但这里不相关。)我在主记录器模块中有这样的东西来添加一个子模块:module.addRedisLogger=function(rclient){modulesArray.push(require('./redis.js')(rclient,loggingEnabled,module));}当我创建一个redis客户端实例时,我可以像这样立即向它添加一个记录器:varsub=redis.cr

javascript - Webpack css-loader 没有构建

我在使用css-loader在我的JSX文件上加载CSS时遇到困难。我正在关注以下示例:https://christianalfoni.github.io/react-webpack-cookbook/Loading-CSS.html这是我的JSXimportReactfrom'react';importReactDOMfrom'react-dom';importstylesfrom'./styles.css';classHelloextendsReact.Component{render(){returnHelloworld!}}varel=document.getElementBy

javascript - 让目录中的所有文件成为 webpack 入口点的最佳方法?

我想为网站创建多个入口点,这在Webpack中使用entry属性的对象很容易完成,例如here.但是随着站点的增长(并且它不可避免地会),必须添加每个入口点似乎很麻烦并且容易出错。所以我想简单地指向一个目录并说“这里是所有入口点。”所以我做了这个:varpath=require('path');varfs=require('fs');varentryDir=path.resolve(__dirname,'../source/js');varentries=fs.readdirSync(entryDir);varentryMap={};entries.forEach(function(e

javascript - 在 webpack 和 es6 中使用 LESS

我正在听关于AngularWithWebpack的讲座.我正在尝试添加lessloader并不断收到错误消息。ERRORin./src/app.jsModulenotfound:Error:Cannotresolve'file'or'directory'../style.lessinD:\projects\dev\webpack-angular-demo/src@./src/app.js3:0-24我的webpack.config.js是:module.exports={context:__dirname+'/src',entry:'./app.js',module:{loaders:

javascript - 如何运行 webpack 转换后的函数?

我有一个简单的库,我正在使用ES6,我有一些require关键字,然后,我需要将其转换为浏览器可以理解的版本,我使用webpack制作浏览器版本我的图书馆。这是一个例子:main.jsimportTestfrom'./test';functioncallMe(){console.log("Iamdamncalled!");}test.jsexportdefaultfunction(string){console.log("Thisisawesome!");[1,2,3].map(n=>n+1);}gulpfile.js(我用的是Gulp)vargulp=require('gulp');