草庐IT

Webpack4

全部标签

javascript - 使用 SourceMap 解绑 webpack bundle.js

我想撤销或解绑bundle.js。目前我正在浏览器(Chrome)中加载bundle.jsChrome检测到sourcemap并向我展示了一个很好的结构基于bundle的完整应用程序。该应用程序已捆绑使用webpack并且是一个fluxreact应用程序。有没有办法从bundle中生成所有这些文件,这样我就可以轻松浏览基于应用程序结构的包?这是一个逆向工程项目,用于从中获取应用程序源一个现有的包。所以在chrome中,我可以使用devtools源很好地浏览整个应用程序。并查看所有单个文件。但我想创建那个我本地驱动器上的结构相同。我正在尝试像debundle这样的工具但是我找不到将源映射

javascript - 在不明确要求 Assets 的情况下将 webpack 与 jade-loader 一起使用

我正在尝试将Webpackjade-loader与html-loader结合使用,以便能够省略jade模板中的要求+使用相对于特定文件夹的路径。我尝试了一些方法,但都没有用。默认情况下,jade-loader在使用img(src=require("../../../../assets/images/imac.png")alt="computer"),使用以下webpack配置:module.exports={devtool:'eval',entry:['webpack-dev-server/client?http://localhost:3000','webpack/hot/only-

javascript - Webpack 无法解析 html-loader

我正在将一个使用requirejs的项目转换为webpack,但遇到了“html-loader”加载器的问题。package.json:"html-loader":"^0.3.0","webpack":"^1.11.0","webpack-dev-server":"^1.10.1"应用程序/js/webpack.config.js://folderstructure://root//app/js//bower_components///dist///node_modules/entry:'./app/js/main.js',output:{path:'dist/js/',filenam

javascript - webpack-dev-server 代理请求很慢

我正在使用webpack-dev-server代理:devServer:{proxy:{'/api':{target:'http://mybackedn.url',changeOrigin:true}}}请求花费太多时间。Chrome网络面板显示:为什么会这样?如何解决这个问题? 最佳答案 请求时间图中的灰色部分称为停顿时间,浅灰色部分(灰色之后)为排队时间。如果将鼠标悬停在瀑布图上,您可以看到相同的结果。这是导致问题的原因以及停滞时间的含义。Stalled/BlockingTimetherequestspentwaitingbef

javascript - 如何使基于类的自定义元素无副作用,以便 webpack 仅捆绑显式导入的组件

我有一组specv1自定义元素,我正在使用webpack4进行捆绑(并使用babel-loader进行转译)。所有组件看起来都与此类似:exportclassCompDivextendsHTMLDivElement{constructor(...args){constself=super(...args);self.property=null;returnself;}connectedCallback(){console.log('connectedCompDiv');}}customElements.define('comp-div',CompDiv,{extends:'div'})

javascript - 使用 babel-preset-env 将 polyfill 作为导入语句更好,还是将它们添加到 webpack.config.js 的条目中更好?

babel-preset-env提供选项useBuiltIns将其应用于babel-polyfill并将import'babel-polyfill'转换为特定的、基于环境的import'core-js/whatever.如果我在我的Webpack入口部分添加babel-polyfill(参见下面的示例),是否应用此转换,或者在那种情况下useBuiltIns被忽略并替换为所有可能的进口?entry:{app:['babel-polyfill','./src/app.js']} 最佳答案 它在您指定时起作用:"presets":[..

javascript - Webpack - 加载 block 0 失败

我的一些用户收到此错误:Unhandledrejectionmessage:'Loadingchunk0failed'stack:Loadingchunk0failedatHTMLScriptElement.n问题是,我没有成功复制它。这个错误我已经有一段时间了。同样的用户每次进入网站时都会发生这种情况。但仅限于其中一些人。不过都是win7+chrome60,跟浏览器没有关系。我在网上找不到任何关于这个特定错误的信息。另外我没有使用react-router,我确实使用了react。你知道还有什么问题吗?会不会是某些安全相关的东西引起的?我正在使用webpack2.6.1和Commons

javascript - Webpack ProvidePlugin 全局变量(找不到模块)

我是Webpack的新手,但无法弄清楚为什么我的ProvidePlugin调用没有按预期工作。我有以下文件:应用程序.jsvarApp=function(){getSomething:function(size){}}();module.exports=App;我希望这个“App”变量可以全局访问,因为其他文件是这样使用它的:布局.jsvarLayout=function(){App.getSomething('md');}();webpack.config.js在webpack.config.js中我有以下行:newwebpack.ProvidePlugin({App:'app'})

javascript - 如何让 Webpack、Wordpress 和 BrowserSync 协同工作?

我已经用了大约一个星期了,但我还没能让这三者一起工作。如果有人能帮助我解决这个问题,我将永远感激不已,我已经浪费了很多时间。问题:如果我代理myserver.dev热重载404s。更改publicPath没有任何作用。我将url附加到webpack-hot-middleware/client,它修复了路径,但hmr文件最终在控制台中出现“GET”错误,没有任何信息。如果我保留HTML并忽略任何php/MAMP,热重载工作正常。总的来说,我真的很困惑,我可能错过了一个简单的概念。我正在努力实现的目标:-WordPress的RESTAPI-对View和用户界面使用react-用于本地主机和

javascript - Webpack 工作流程有效地拆分 vendor 和应用程序代码

我很难找到足够的Webpack文档和示例来针对我的情况制定理想的开发工作流程。以下是使工作流程变得理想的所有功能:观看,最好是通过Gulp,使用高效的缓存。(不要认为我需要热模块更换并怀疑它可能不适合我的开发环境。)一个。在监视期间不解析和重新编译(因此重新编译更快),不接收sourcemap(因此浏览器开发工具响应速度更快),并且写入不同的vendor.js包,浏览器可以将其与应用包分开缓存。应用模块是一个。明确所有依赖项(即importReactfrom'react';即使React实际上是全局公开的或通过#2的东西),是在观看期间重新编译,并且确实收到源map。我在文档或示例中阅