草庐IT

webpack-dev-middleware

全部标签

javascript - 在 https 模式下使用 webpack-dev-server 的 Safari 刷新循环

我在SafariVersion9.0.1(11601.2.7.2)上测试JS模块时遇到了一个奇怪的问题因此,我使用带有标准HMR配置的webpack-dev-server(但使用https:true),即使我不更新我的源文件,浏览器也会保持刷新。事实上,它陷入了刷新循环。当我打开检查器控制台时,我在重新加载之前短暂地看到了这个错误:WebSocket网络错误:OSStatus错误-9807:无效的证书链然后就在刷新之前[WDS]Disconnected![WDS]Appupdated.Reloading...可能与自签名证书验证失败有关。服务器在https://localhost:11

javascript - 如何在 webpack 中导入 jquery

我在webpack上使用jquery时遇到问题。我的代码:constpath=require('path');constwebpack=require('webpack');constCleanWebpackPlugin=require('clean-webpack-plugin');constExtractTextPlugin=require("extract-text-webpack-plugin");constUglifyJsPlugin=require('uglifyjs-webpack-plugin');constCompressionPlugin=require("comp

javascript - Express Middleware 为所有 app.get() 填充一个 Jade 变量

我有一个名为layout.jade的Jade文件,我的所有模板都对其进行了扩展。如果用户当前已登录(这在req.session中保持跟踪),我希望能够在其中有一个注销按钮。所以layout.jade会有类似的东西,-if(loggedin)a.navButton(href="/logout")LogOut页面的路由看起来像,app.get("/foo",function(req,res){res.render("foo",{loggedin:req.session.isValidUser});});问题是,我不想在每条路由中都手动填充loggedin变量。有没有一种方法可以使用Expr

javascript - 在 Webpack 中订购多个入口点

我的Webpack配置中有多个条目:entry:{'polyfills':'./src/polyfills.ts','vendor':'./src/vendor.ts','app':'./src/main.ts'},当我运行npmstart(webpack-dev-server--inline--progress--port8080--bail)\Loading...在我的index.html中按以下顺序变成脚本:但是当我运行webpack-p--progress--profile--bail它的顺序是:common,app,polyfil,thenvendor顺序很重要。如果在pol

javascript - 使用 Webpack 将 ES6 转译为单独的文件

是否可以配置webpack来做等同于:babelsrc--watch--out-dirlib这样的目录结构是这样的:-src-alpha-beta.js-charlie-delta.js-echo.js-foxtrot-golf-hotel.js将所有文件编译为ES5并在lib目录下以相同的结构输出它们:-lib-alpha-beta.js-charlie-delta.js-echo.js-foxtrot-golf-hotel.js我试过遍历所有文件路径并将它们作为单独的条目传递,但在定义输出文件时,webpack似乎“忘记”了文件的位置。Output.path只提供[hash]tok

javascript - Rails 3.2 Dev 环境 sourceMaps 支持 JavaScript

我正在使用Assets管道开发Rails应用程序。development.rb具有以下内容:config.assets.compress=falseconfig.assets.compile=trueconfig.assets.debug=true在开发环境中,Assets没有捆绑在一起,每个Assets都由Rails单独提供。此时,单独提供的Assets数量超过50。因此,整页重新加载非常慢。我想至少将它们连接在一些Assets中,以便在开发环境中更快地加载时间,但这样做,我失去了在Chrome开发工具中单独调试/查看它们的能力。示例:http://d.pr/i/ZFge据我所知,有

javascript - Webpack - 为什么我的 bundle.js 文件默认缩小了?

我正在学习React,我正在学习的在线类(class)使用的是webpack。我没有在我的webpack.config中添加任何缩小或丑陋的选项,但我的bundle.js仍然被缩小了。我不确定为什么或如何将其关闭。我附上了我的webpack.config.js和package.json。谢谢你的帮助。constpath=require('path');module.exports={entry:'./src/app.js',output:{path:path.join(__dirname,'public'),filename:'bundle.js'},module:{rules:[{l

javascript - 查看 youtube.com 时,我可以从 Chrome Dev Console 控制视频吗?

我希望能够在ChromeDevTools的JavaScript控制台内暂停和播放视频。这可能吗? 最佳答案 如果您使用的是基于HTML5的播放器,则可以与theelement进行交互直接使用itsDOMAPI,正如Toni的回答中告诉您的那样。如果您使用的是基于Flash的播放器,您可以使用YouTubeJavaScriptPlayerAPI与其进行交互.玩家元素似乎有idmovie_player,而且我在YouTube.com上使用API方法没有任何问题:$('#movie_player').playVideo();$('#mov

javascript - 无法使 Bootstrap 与 Webpack 一起工作

我正在使用webpack-dev-server并尝试包含Bootstrap。我有这个项目结构:──css│  └──bootstrap.min.css│──js|└──bootstrap.min.js├──dist├──index.html├──package.json├──server.js├──src│  ├──actions.js│  ├──App.js│  ├──components│  ├──constants│  ├──index.js│  └──reducers.js└──webpack.config.js这是index.html:每当我运行服务器时,我都会收到以下类型的

javascript - 如何在没有 NPM 或 Webpack 的情况下将 CDN 包含到 VueJS CLI?

我是VueJS和Webpack的新手。我已经使用VueJSCLI创建了一个项目并尝试使用它。我需要在我的代码中插入CDN。当使用标准的HTML、CSS和JS解决方案时,我会包括这样的CDN:FalseMerge如您所见,您可以使用HTML脚本标签添加CDN脚本,并在JS中开始使用它。我正在尝试对组件中的VueJS执行相同的操作。我已经准备好模板和样式部分。不幸的是,我不知道如何以简单的方式添加CDN,以便在Vue组件内的脚本标记中立即使用。我尝试这样做,但没有用。exportdefault{name:'Index',data(){return{}}}有没有办法将CDN(没有Webpac