草庐IT

extract-text-webpack-plugin

全部标签

javascript - 如何使用带有可变查询字符串的 webpack 动态导入?

使用webpack3和react,我可以像这样导入一个文件:import(`src/Main.sass`).then(...dosomething)我有一个用于导入文件的加载程序,它根据查询字符串更改模块内容,我可以像这样成功导入一个文件:import(`src/Main.sass?theme=themename`).then(...dosomething)但是当查询字符串是一个变量时:constthemeQuery='?theme=themename';import(`src/Main.sass${themeQuery}`).then(...dosomething);或constth

javascript - 如何使用 webpack-dev-server 代理代理到 ssl 端点

当我尝试代理此http://localhost:9000/rpc请求时,我收到:cannotproxytohttps://example.appspot.com:80(writeEPROTO101057795:error:140770FC:SSLroutines:SSL23_GET_SERVER_HELLO:unknownprotocol:openssl\ssl\s23_clnt.c:794:)webpack-dev-derver配置:devServer:{contentBase:"./",hostname:'localhost',port:9000,proxy:{'/rpc':{ta

javascript - react-route,react-hot-loader.webpack(你不能改变<Router routes>;它会被忽略)

这是我第一个使用react,react-router,react-hot-loader,webpack-dev-server的项目和webpack。当我更改react组件中的代码时,热加载器生效,但同时控制台警告我:Youcannotchange《Routerroutes》;itwillbeignored.我不知道如何解决这个问题。有代码:网络包代码:varpath=require('path');varwebpack=require('webpack');module.exports={devtool:'source-map',entry:['webpack-dev-server/c

javascript - (Webpack)使用 url-loader 或 file-loader,我真的必须在我的 .js 中为我想要包含的每个静态图像包含一个 require() 吗?

我仍在学习webpack,并且我无法在我的生产构建中显示图像,直到我偶然发现一些代码具有require('path/to/image.png')在.js文件的顶部。所以我试了一下,你瞧,它奏效了。这对我来说似乎很奇怪。我真的必须为我需要提供的每个静态图像都包含其中之一吗?有一个更好的方法吗?如果没有,这将是一团糟。 最佳答案 您可以使用CopyWebpackPlugin在构建webpack项目时将src文件移动到Assets文件夹。此答案中的详细信息:https://stackoverflow.com/a/33374807/4929

javascript - 在 IE 中检测 texbox 清除事件。单击 IE 特定的清除框时,如何清除 IE (Internet Explorer) 中的输入类型 ="text"(文本框)?

在InternetExplorer中,当您开始在文本框中键入内容时,会显示一个类似x的小按钮。单击此图标时如何检测事件?有事件类型吗?functionqsearchLookup(searchVal){document.getElementById("qsearch").value="";} 最佳答案 我不知道这个类似x的小按钮的特殊事件,我认为它不存在,但你可以使用input事件(oninput="qsearchLookup(this.value)"在你的例子中)捕捉这个变化。 关于ja

javascript - 从 webpack 的 ExtractTextPlugin 和 style-loader 中缩小 css

在此跟踪器存储库中:https://github.com/pconerly/libsass-spritesmith-webpack-tracer这一行:https://github.com/pconerly/libsass-spritesmith-webpack-tracer/blob/master/webpack.config.js#L82我正在加载.scss,并将它们提取为纯文本。我还想缩小它们---我该怎么做?style-loader似乎没有它的选项。我应该改用另一个插件,例如css-loader吗? 最佳答案 所以除非您明确

javascript - 试图理解 Webpack

我是一名HTML/CSS/PHP/MYSQL程序员,现在正在尝试学习一些javascript。我通过挖掘我当前使用的网络邮件的代码(开源)并试图了解它是如何工作的来做到这一点的。我试图了解页面的不同部分是如何加载的(如果没有页面重新加载,您将在PHP中获得)。如果我没记错的话,它正在使用webpack来做到这一点。如果我没记错的话,页面的每一部分都作为一个模块加载。/******/(function(modules){//webpackBootstrap/******///Themodulecache/******/varinstalledModules={};/******//***

javascript - 如何获取 Webpack 中每个 block 包含的所有文件(或模块)的列表

似乎无法在webpack中找到任何调试选项或插件来显示确切进入block的内容。为什么我需要这个?我注意到这样的情况,代码拆分字面上使所有内容都变得更大,然后将所有内容都放在一个文件中。这有点违反直觉,因为我不认为来自webpack的引导代码有那么重要;我怀疑这可能是缩小/重复数据删除,但在不知道哪些模块实际上被分块在一起的情况下,很难进行一些孤立的测试来确认。我的构建过程使用gulp;如果这有什么不同的话。 最佳答案 Webpack5.x:$webpack--stats-modules-space999在Webpack5.x之前:

javascript - 如何使用 gulp webpack-stream 生成正确命名的文件?

目前我们正在使用Webpack用于我们的模块加载器,Gulp用于其他一切(sass->css,以及开发/生产构建过程)我想将webpack的东西打包到gulp中,所以我所要做的就是键入gulp,它会启动、监视并运行webpack以及我们的gulp设置要执行的其余操作。所以我找到了webpack-stream并付诸实现。gulp.task('webpack',function(){returngulp.src('entry.js').pipe(webpack({watch:true,module:{loaders:[{test:/\.css$/,loader:'style!css'},]

javascript - 为什么 .html() 在用于相同目的时比 .text() 快得多?

我正在研究jQuery的.text()和.html()方法并运行somesimplejsPerftests,当我惊讶地发现.html()在检索文本时几乎快了一个数量级:$div.text()–88,496次操作/秒$div.html()–592,028次操作/秒当结果相同时,为什么.text()比.html()慢很多?.text()执行哪些操作.html()会跳过以解释这种差异?我知道每种方法都有不同的目的;我很好奇它们用于相同目的的情况。 最佳答案 它与所需的解析量有关。.text()较慢,因为它必须解析内部HTML并去除任何内部