草庐IT

webpack-dev-middleware

全部标签

javascript - 使用 react js 和 webpack 开发的 Web 应用程序的缓存问题

我正在开发一个使用reactjs和webpack开发的网络应用程序。每次部署后,我们都必须要求用户清除浏览器缓存并重新启动浏览器。我认为javascript包文件和css文件都被缓存在用户浏览器上。我们如何强制浏览器不缓存这些文件或让它从服务器下载最新的文件。MyApp 最佳答案 您可以使用html-webpack-pluginplugins:[newHtmlWebpackPlugin({hash:true})]hash:true|falseiftruethenappendauniquewebpackcompilationhasht

javascript - .js 和 .jsx 的 Webpack 正则表达式测试

我正在使用webpack并想知道是否有一种方法可以使用测试正则表达式来确定.js或.jsx文件扩展名?即test:/\.jsx?$/这行得通吗? 最佳答案 是的。test:/.jsx?$/应该是正确的方法。但是您还需要设置resolve.extensions参数以使其工作。module.exports={...resolve:{extensions:['.js','.jsx']}...} 关于javascript-.js和.jsx的Webpack正则表达式测试,我们在StackOverf

javascript - 在 webpack 插件中使用加载器

为了澄清-这是一个关于写webpackplugin的问题如何在webpack插件中使用webpackrequire?MyPlugin.prototype.apply=function(compiler){varself=this;compiler.plugin('emit',function(compilation,callback){varfile='example.css';compilation.fileDependencies.push(file);varloaderResult=require('style!css!'+file);// 最佳答案

javascript - npx webpack - 无法读取未定义的属性 'minify'

我正在通过此链接关注webpack的基本教程:https://webpack.js.org/guides/getting-started/当我运行npxwebpack时,它失败并出现以下错误:ERRORinmain.jsfromTerserTypeError:Cannotreadproperty'minify'ofundefinedatminify(/Users/name/Documents/practice/webpack/webpack-demo/node_modules/terser-webpack-plugin/dist/minify.js:175:23)atmodule.ex

javascript - 带有 webpack 的 Intl.js polyfill/shim?

我正在使用React-Intl与webpack我需要Intlshim以支持Safari和IE,但我不想为已经支持Intlspec的浏览器加载它.polyfill非常大(900kb),我如何确保它只在不支持它的浏览器中加载? 最佳答案 您需要做一些事情。确保要求intl/Intl加载核心库而不是所有相关国家/地区。这会将库的大小从大约900kb减少到大约150kb。使用webpack的require.ensure或require([])函数仅在需要时动态要求Intl.js。这将为Intl.js文件创建一个单独的包,该文件将根据需要加载

javascript - 将 webpack 设置为通过 HTTPS 在自定义域上本地运行

为了使用我想集成到我的应用程序中的模块(我在本地开发),我必须做两件事:1)让我的应用程序在HTTPS上本地运行。2)使用特定域运行应用程序。使用我用于本地开发的Webpack开发服务器,这两件事应该非常容易,但由于某些原因,它没有像文档建议的那样工作。我的webpack.config文件是:module.exports={entry:'./app/js/app.js',output:{path:'./app/js/',publicPath:'https://specialurl.com/assets',filename:'bundle.js'}我指向的路径已添加到我计算机上的主机文件

javascript - 如何在 GSAP 和 Webpack 中使用 ScrollMagic

为了使用ScrollMagicwithGSAP,你需要加载animation.gsap.js插件。使用Webpack,您可以执行类似这样的操作来完成此操作(假设您使用CommonJS语法并使用npm安装所有内容):varTweenMax=require('gsap');varScrollMagic=require('scrollmagic');require('ScrollMagicGSAP');为确保这确实有效,您必须向Webpack配置添加一个别名,以便Webpack知道插件所在的位置。resolve:{alias:{'ScrollMagicGSAP':'scrollmagic/s

javascript - Babel 不转译箭头函数 (Webpack)

当运行webpack和babel时,生成的bundle.js仍然包含箭头函数。在InternetExplorer10中运行时,这会给我一个语法错误。我希望babel将箭头函数替换为IE可以运行的正常函数。我的package.json具有以下devDependencies:"devDependencies":{"babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-loader":"^7.1.4","babel-preset-env":"^1.6.1","babel-preset-es2015":"^6.24.1","babel-prese

javascript - 找不到模块 : Error: Can't resolve 'bundle.js' in '/Users/jonathankuhl/Documents/Programming/node js/sandbox/webpack-app'

我正在尝试完成有关Webpack的非常基础的教程。我无法让它编译一个非常基本的单行javascript应用程序。我已多次安装和卸载它。这只是学习如何使用Webpack的教程。我用了npminit设置package.json并且没有做任何其他事情来触摸该文件。我有一个index.html文件和一个应该捆绑到bundle.js文件中的app.js文件。我输入:webpackapp.jsbundle.js进入终端我一直收到这个错误:Jonathans-MBP:webpack-appjonathankuhl$webpackapp.jsbundle.jsHash:8d502a6e1f30f2ad

javascript - 如何从 Windows 控制台停止 webpack 开发服务器?

我使用以下命令从Windows控制台运行webpack-dev-server:webpack-dev-server--content-base./build--inline--hot在此之后,我看到消息webpack:bundleisnowVALID.并且我不能输入任何内容。但是,如果我更改了webpack.config.js中的某些内容,我必须关闭控制台,再次打开它并启动webpack-dev-server以应用我的更改。如何在不关闭控制台的情况下停止webpack开发服务器? 最佳答案 只需按两次Ctrl+C