草庐IT

webpack_require

全部标签

javascript - Webpack - 未应用 CSS

我决定试试Webpack2。我正在尝试捆绑js和css。问题在于CSS未应用于页面上的元素(它存在于构建文件中)。这是应用结构:app|-styles.css|-app.jsbuild|-bundle.jsindex.htmlwebpack配置文件:varpath=require('path');module.exports={entry:'./app/app.js',output:{filename:'bundle.js',path:path.resolve(__dirname,'build')},module:{rules:[{test:/\.css$/,use:'css-load

javascript - Greasemonkey 是否允许通过@require 加载本地javascript?

我尝试包含一些本地Javascript(与GM脚本位于同一文件夹中),在这两种情况下,脚本都无法加载并且脚本似乎停止工作,直到我重新启动浏览器,即使带有@的行要求已删除。我都试过了//@requirefile://script.js然后//@requirefile:///full/path/to/script.js这两个选项都不起作用。Greasemonkey是否禁止加载本地Javascript或是否需要一些额外的设置才能启用它? 最佳答案 是的,您可以@require和@resource本地文件,但语法必须正确。此外,如果脚本安装

javascript - Webpack react 错误

我正在尝试根据这个tutorial配置webpack并不断收到相同的错误。我在调试这两条消息时遇到问题:ERRORin./app.jsModuleparsefailed:/path/react/react-webpack-babel/app/app.jsLine1:UnexpectedreservedwordYoumayneedanappropriateloadertohandlethisfiletype.|importReactfrom"react";|importGreetingfrom"./greeting";|ERRORin./index.htmlModuleparsefail

javascript - React + Webpack HMR 正在刷新页面(不是热加载)

我在让react-hotwebpack加载器正常工作时遇到了一些麻烦。当我加载页面时,我会得到以下信息:[HMR]WaitingforupdatesignalfromWDS...[WDS]HotModuleReplacementenabled.但是当我保存更改时,页面会自动硬刷新浏览器(而不是HMR替换)。//webpack.config.js{entry:{client:'webpack-dev-server/client?http://localhost:8786',//WebpackDevServerhostandportapp:"./HelloWorld.tsx"},devto

javascript - require.js 模块未正确加载

我有我的Bootstrap文件,它定义了require.js路径,并加载了应用程序和配置模块。//Filename:bootstrap//Require.jsallowsustoconfigureshortcutalias//Thereusagewillbecomemoreapparentfutheralonginthetutorial.require.config({paths:{bfwd:'com/bfwd',plugins:'jquery/plugins',ui:'jquery/ui',jquery:'jquery/jquery.min','jquery-ui':'jquery/

javascript - 使用 JavaScript 和 Require.JS 选择 jQuery 1.9 或 2.0

jQuery2.0越来越成熟:http://blog.jquery.com/2013/03/01/jquery-2-0-beta-2-released/jQuery2.0破坏了与旧版浏览器的兼容性,因此您必须知道何时继续使用jQuery1.9。推荐的方法是使用IE的条件注释:当前的Web开发最佳实践建议我们应该避免浏览器嗅探或用户代理字符串解析,但这不就是条件注释吗?jQuery2.0是否只是破坏了与旧版InternetExplorer的兼容性?还是有其他浏览器在2.0中会变得更糟?如果这不仅仅影响InternetExplorer(这是条件注释唯一起作用的地方),那么我们应该使用什么策

javascript - 将变量注入(inject) webpack

我试图在我的webpack包中的每个模块中注入(inject)一个变量,以便为每个文件的JS错误提供调试信息。我已经启用node:{__filename:true}Currentfilepathinwebpack在我的webpack.config中,但我想注入(inject)类似的东西varfilename='Myfilenameis:'+__filename;编译前进入每个模块。我看过BannerPlugin使用raw选项,但似乎这只会在webpack闭包之外注入(inject)横幅,而不是我想要的将脚本注入(inject)每个模块的结果。 最佳答案

javascript - 如何在 webpack 中加载 sass 样式表中使用的图像?

我正在使用Webpack来捆绑我的模块,并使用sass在基于React的应用程序中进行样式设置。我使用单独的样式表设置组件的背景图像并在index.js中加载该样式表。样式表中的所有样式都应用于该组件背景图像除外。这是我的示例样式表$bg-img:url('/img/bg.jpg');.show{position:relative;background:$black$bg-imgcentercenter;width:100%;height:100%;background-size:cover;overflow:hidden;}解决该问题的一种方法是明确要求图像,然后为React组件创建

javascript - 即使在包含 popper.js 之后仍然得到 "Uncaught Error: Bootstrap dropdown require Popper.js"

Angular和Bootstrap的新手,我正在尝试创建helloworld应用程序。我已经添加了所需的库,但我一直卡在这个错误中UncaughtError:BootstrapdropdownrequirePopper.js我在jquery之后和bootstrapjs之前添加了popper.js脚本。但浏览器仍然会抛出错误。请帮忙。代码如下所示:Index{{message}} 最佳答案 这对我有用:使用popper.js,它位于您在此处找到的下载文件中名为“umd”的文件夹中https://popper.js.org不要将文件保存

javascript - SignalR & require.js 配置

我正在将SignalR合并到一个我已经在使用require.js来处理我的脚本依赖项的项目中。我在确保在“jquery.signalR-1.1.2”加载后调用“/signalr/hubs”时遇到了一些麻烦。我让它工作了,但我想知道是否有更好的选择。这是我的:require(["signalr"],function(){require(["noext!/signalr/hubs"],function(){//initializeandworkwiththehubhere}}有没有办法在这里创建一个shim来建立signalr/hubs和signalr脚本之间的依赖关系?谢谢!