jjzjj

dev_bundle

全部标签

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 - 将 typescript 与 RollUp bundle 在一起 - 无法处理编译器选项

我正在尝试bundle我的typescript文件RollUp(https://rollupjs.org/)我使用了这个配置文件:rollup.config.js:importaliasfrom'rollup-plugin-alias';importresolvefrom'rollup-plugin-node-resolve';importtypescriptfrom'rollup-plugin-typescript';importangularfrom'rollup-plugin-angular';exportdefault{entry:'../main.ts',format:'ii

javascript - 合并 JS 流时保留 sourcemaps(用 browserify bundle 连接 lib 依赖)

在我当前的工作流程中,我需要创建browserify包,但也希望将非commonjsjs库连接到文件的开头以公开全局变量,同时减少http请求的数量和js文件的大小。(其他包可能也需要其中一些库)我目前有一个gulp任务,它创建browserify包并将任何需要的库连接到输出文件的开头,但是我发现在合并流时,我的源映射正在中断,并且在网络检查器中;生成的map只显示预丑化的browserify包,而不是单独的js模块。vargulp=require("gulp"),buffer=require('vinyl-buffer'),gulpif=require("gulp-if"),sour

javascript - var $1 = document.getElementById ("any");只有在 Chrome Dev Tools 中执行两次后才能工作

当我在Chrome开发者工具控制台上执行此操作时,我正在尝试一些基本代码:语言规范说您可以声明一个以字母$或_开头的变量。那么,为什么会这样呢?这只是一个错误还是有其他理由?为什么它第一次不工作,但在重新分配时工作?编辑:我收到关于$1到$4被保留标识符的评论,但我仍然不明白为什么它第二次被分配(而不是第一次或从未被分配) 最佳答案 引自devtoolsdocumentationDevToolsremembersthelastfiveDOMelements(orJavaScriptheapobjects)thatyou'vesele

javascript - webpack-dev-server 运行两次

我已经尝试用几种不同的方法解决这个问题,所以我必须从头开始。我有一个名为webpack.dev.js的配置文件,如图所示:constpath=require("path");constHtmlWebpackPlugin=require("html-webpack-plugin");constExtractTextPlugin=require("extract-text-webpack-plugin");constCopyWebpackPlugin=require("copy-webpack-plugin");module.exports={entry:"./src/script.js"

javascript - 来自 UglifyJs 的 webpack 2 : ERROR in ./public/bundle.js 意外字符 '` '

我遇到了2个相关问题:首先:当我运行npmrunbuild时,bundle.js文件没有缩小,但我得到了一个bundle.js.map文件。第二:当我运行webpack-d时,我只得到一个缩小的bundle.js文件(没有错误)但是当我运行webpack-p然后我得到一个bundle.js是not缩小的,一个bundle.js.map,以及那些错误:ERRORin./public/bundle.jsfromUglifyJsUnexpectedcharacter'`'[./app/config.js:5,0][./public/bundle.js:76,14]ERRORin./publi

javascript - 带有凭据的 Webpack-dev-server CORS 错误

我在热模块重新加载时遇到CORS问题-开发服务器。我在3000端口上使用开发服务器,但应用程序是从另一个端口http://localhost:52024/提供服务的。这是我遇到的错误(Chrome、Windows10):GEThttp://localhost:3000//sockjs-node/info?t=1502216500095404(NotFound)XMLHttpRequestcannotloadhttp://localhost:3000//sockjs-node/info?t=1502216500095.Thevalueofthe'Access-Control-Allow-

javascript - 在 webpack bundle 中运行 Webpack Dev Server

我有一个运行Express的Node服务器的webpack配置。入口文件如果在生产中运行Express服务器,如果在开发中也运行ExpressServer和WebpackDevServer。问题出在webpackdevserver初始化的时候;它提示UnhandledrejectionError:invalidargument或找不到路径。webpackdev服务器中使用的客户端配置在CLI中单独使用时运行良好,当webpackdevserver在常规(未捆绑)文件中初始化时也可以正常工作。每种方法的不同之处在于,从配置中打印的路径在有效和无效的情况下是不同的。这些路径是从__dirn