我正在尝试使用material-ui通过网络包。但是，我在chromedev-tool中收到错误消息UncaughtReferenceError:requireisnotdefined我的webpack.config.js:varbower_dir=__dirname+'/bower_components';varnode_modules_dir=__dirname+'/node_modules';varconfig={addVendor:function(name,path){this.resolve.alias[name]=path;this.module.noParse.push

在以下示例中(找到here)，style-loader被用作开发模式中的后备。为什么？constExtractTextPlugin=require("extract-text-webpack-plugin");constextractSass=newExtractTextPlugin({filename:"[name].[contenthash].css",disable:process.env.NODE_ENV==="development"});module.exports={...module:{rules:[{test:/\.scss$/,use:extractSass.ext

Webpack在编写同构Javascript以及在捆绑时将npm包换成浏览器全局变量方面对我们非常有用。因此，如果我想在Node.js上使用node-fetchnpm包，但在捆绑时将其排除并仅使用native浏览器fetch全局，我可以在我的webpack.config.js中提及它:{externals:{'node-fetch':'fetch','urlutils':'URL','webcrypto':'crypto',//etc}}然后我的CommonJS要求constfetch=require('node-fetch')将被转译为constfetch=window.fetch(

我刚刚将我的Rails应用程序切换为使用WebPack来处理Assets等。除了我的View目录(*.js.erb)中有一些JS模板外，它运行良好。这些需要jQuery，因为jQuery是作为我的WebPack包的一部分引入的，所以它在那些模板中不起作用。有没有办法让这些模板起作用？ 最佳答案 我通过添加expose-loader包，然后将这两行添加到我的app/javascript/packs/application.js来让它在我的应用程序中工作:import'expose-loader?$!jquery';import'exp

我构建了一个Angular2应用程序并将其与webpack捆绑在一起。目前，我的应用程序仍然很小，但webpack任务已经花费了大约10秒。是否可以优化我的webpack配置或TypeSript编译选项以缩短编译和打包时间？这是我使用的webpack配置:varwebpack=require('webpack');varLiveReloadPlugin=require('webpack-livereload-plugin');module.exports={entry:__dirname+'/assets/app/app.ts',output:{filename:'myApp.bund

将我的项目与webpack捆绑在一起时出现以下错误。当我只有几个block(拆分)点(require.ensure点)时它运行正常，但是当我增加拆分点时出现错误。124541ms:Mark-sweep1379.0(1457.1)->1378.9(1457.1)MB,891.6/0ms[allocationfailure][GCinoldspacerequested].125398ms:Mark-sweep1378.9(1457.1)->1378.9(1457.1)MB,857.0/0ms[allocationfailure][GCinoldspacerequested].126289m

随着应用程序的增长，是时候从代码中删除硬编码的东西了。是时候实现正确的配置文件了。我正在考虑使用webpack，并包含配置文件，这样我就可以在react.js应用程序中要求它。这是我所做的(webpack.config):varpath=require('path');varwebpack=require('webpack');module.exports={entry:['./src/app.js'],output:{path:path.join(__dirname,'public/js'),filename:'app.built.js'},externals:{'Configura

我正在运行我的webpack-dev-serverwebpack-dev-server--lazy--inline--progress--colors--port8082但是，当我的浏览器尝试访问bundle.js时，这会在我的浏览器中显示404错误。其他一切似乎都很好，因为如果我将--lazy替换为--hot，一切正常。--lazy到底做了什么？更新:这是webpack文件-module.exports={devtool:"source-map",entry:['webpack/hot/only-dev-server',//"only"preventsreloadonsyntaxer

我正在编写一个创建SVGSprite的插件。它遍历目录，将SVG文件合并到一张图像中并返回结果。这个想法是动态创建一个模块(包含合并的图像)，以便其他模块可以将其作为普通模块使用。或者您可以建议一个更优雅的解决方案？配置{plugins:[newSvgSpritePlugin({sprites:{icons:'images/svg/icons/*.svg',logos:'images/svg/logos/*.svg',socials:'images/svg/logos/{twitter,youtube,facebook}.svg',}})]}应用中的某处varlogosSprite=r

我正在使用在其构建系统中使用RequireJS的现有应用程序(canvas-lms)。我正在开发一个插入Canvas的伪独立应用程序(Canvas术语中的“client_app”)。这是一个仅fontend的应用程序，它使API调用返回到主机Canvas应用程序。细节对于我的问题来说并不是非常重要-所有client_app需要做的就是有一个构建脚本，在Canvas应用程序树中的定义位置吐出一个JS文件。我正在尝试使用Webpack而不是RequireJS来构建我的应用程序。如果我保持所有依赖项独立(例如npm-install我需要的一切)，一切都会很好；然而，Canvas已经提供了许多