草庐IT

image-webpack-loader

全部标签

javascript - 导入语法不适用于 webpack

我遇到了非法导入声明错误。当我尝试将reactjs存储库与webpack集成时我从https://github.com/dptoot/react-event-calendar/blob/master/example/src/example.js迁移了原始源代码如何修复Illegalimportdeclaration错误?我认为import语法只适用于某些js库?错误ERRORin./app/main.jsModulebuildfailed:Error:ParseError:Line2:IllegalimportdeclarationatthrowError(/Users/poc/san

javascript - 使用 Rails asset pipeline 与 webpack 来保存 Assets 的优缺点是什么?

来自webpackergem:WebpackermakesiteasytousetheJavaScriptpre-processorandbundlerWebpack2.x.x+tomanageapplication-likeJavaScriptinRails.Itcoexistswiththeassetpipeline,astheprimarypurposeforWebpackisapp-likeJavaScript,notimages,CSS,orevenJavaScriptSprinkles(thatallcontinuestoliveinapp/assets).However,

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 - D3 : Grayscale image display driven by 2D array data

有人知道如何使用d3显示灰度图像,即像素强度的二维数组吗?我似乎无法在任何地方找到它的任何例子,它会很棘手吗?任何帮助/链接/指针表示赞赏! 最佳答案 如果只想显示图像,请使用imageelement和“xlink:href”属性。例如:svg.append("image").attr("xlink:href","my.png").attr("width",960).attr("height",500);如果你想给灰度图像上色,请看这个colorizedheightmapexample它使用分位数来创建发散色标,并使用HCL插值来获

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 - 使用 javascript 将 Image 对象设置为 div 背景图像

我想从后台加载4张图片,向客户端显示加载栏当下载图像时,我想将它们设置为4个divblock的背景图像。我正在寻找这样的东西。varmyImages=newArray();for(vari=0;i有什么方法可以使用Imagejavascript对象设置背景图像吗? 最佳答案 您可以做一些接近您所拥有的事情。您不会将图像背景设置为图像对象,但您可以从图像对象获取.src属性并将其应用于backgroundImage。一旦图像对象成功加载,图像将被浏览器缓存,因此当您在任何其他对象上设置.src时,图像将快速加载。您可以使用这种类型的代

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'}我指向的路径已添加到我计算机上的主机文件