草庐IT

Webpack4

全部标签

javascript - 在 webpack 的多个编译器配置中提取公共(public) block ?

我正在尝试webpack中的多编译器选项,并且正在关注example在他们的github上。但是,我似乎无法理解如何在多个配置中拆分公共(public)代码。例如,我可能在不同的配置集中使用相同的vendor库。我希望将这些共享代码捆绑到一个通用文件中。我尝试了以下方法,但最终为每个编译配置创建了一个单独的vendors条目包。varpath=require("path");varwebpack=require("webpack");module.exports=[{name:"app-mod1",entry:{vendors:['jquery','react','react-dom'

javascript - 在 webpack 的多个编译器配置中提取公共(public) block ?

我正在尝试webpack中的多编译器选项,并且正在关注example在他们的github上。但是,我似乎无法理解如何在多个配置中拆分公共(public)代码。例如,我可能在不同的配置集中使用相同的vendor库。我希望将这些共享代码捆绑到一个通用文件中。我尝试了以下方法,但最终为每个编译配置创建了一个单独的vendors条目包。varpath=require("path");varwebpack=require("webpack");module.exports=[{name:"app-mod1",entry:{vendors:['jquery','react','react-dom'

javascript - Webpack - sass 加载器找不到图像

sassloader医生说:"Ifyou'rejustgeneratingCSSwithoutpassingittothecss-loader,itmustberelativetoyourwebroot".所以我照它说的做了,我有我的index.html在我的projectroot,然后我尝试加载image来self的scss文件。现在我有2个错误:1)来自Chrome'sconsole:Cannotfindmodule"./img/header.jpg".2)来self的terminal:ERRORin./~/css-loader!./~/sass-loader!./~/resolv

javascript - Webpack - sass 加载器找不到图像

sassloader医生说:"Ifyou'rejustgeneratingCSSwithoutpassingittothecss-loader,itmustberelativetoyourwebroot".所以我照它说的做了,我有我的index.html在我的projectroot,然后我尝试加载image来self的scss文件。现在我有2个错误:1)来自Chrome'sconsole:Cannotfindmodule"./img/header.jpg".2)来self的terminal:ERRORin./~/css-loader!./~/sass-loader!./~/resolv

node.js - 如何将 socket.io 与 webpack-hot-middleware 一起使用?

我有一个Koa服务器使用webpack-dev-middleware和webpack-hot-middleware进行热模块替换(HMR),所以中间件使用websocket将更改推送到客户端。但我的应用程序代码还需要在客户端和Koa服务器之间建立自己的websocket连接。我不知道如何实现这一目标?好像两者是矛盾的。我可以让它们并排吗?我的服务器代码看起来像这样constcompiler=webpack(webpackConfig)constapp=newKoa()app.use(webpackDevMiddleware(compiler,{quiet:true,noInfo:tru

node.js - 如何将 socket.io 与 webpack-hot-middleware 一起使用?

我有一个Koa服务器使用webpack-dev-middleware和webpack-hot-middleware进行热模块替换(HMR),所以中间件使用websocket将更改推送到客户端。但我的应用程序代码还需要在客户端和Koa服务器之间建立自己的websocket连接。我不知道如何实现这一目标?好像两者是矛盾的。我可以让它们并排吗?我的服务器代码看起来像这样constcompiler=webpack(webpackConfig)constapp=newKoa()app.use(webpackDevMiddleware(compiler,{quiet:true,noInfo:tru

node.js - Sass 加载器在 webpack 中不起作用

我正在尝试让我的webpack配置支持*.scss文件,但是当我运行webpack构建命令时,我不断收到以下错误:ERRORin./~/css-loader!./~/sass-loader!./app/styles.scssModulebuildfailed:TypeError:Cannotreadproperty'sections'ofnullatnewSourceMapConsumer(/Users/sean/Development/playground/webpack.sass.test/node_modules/css-loader/node_modules/postcss/n

node.js - Sass 加载器在 webpack 中不起作用

我正在尝试让我的webpack配置支持*.scss文件,但是当我运行webpack构建命令时,我不断收到以下错误:ERRORin./~/css-loader!./~/sass-loader!./app/styles.scssModulebuildfailed:TypeError:Cannotreadproperty'sections'ofnullatnewSourceMapConsumer(/Users/sean/Development/playground/webpack.sass.test/node_modules/css-loader/node_modules/postcss/n

css - 带有 webpack css-loader 的源图

我正在努力让sourcemaps与css-loader一起使用。控制台输出:css-loader的文档是怎么说的:SourceMapsToincludeSourceMapssetthesourceMapqueryparam.require("css-loader?sourceMap!./file.css")我的webpack.configvarwebpack=require('webpack')module.exports={entry:'./src/client/js/App.js',output:{path:'./public',filename:'bundle.js',publi

css - 带有 webpack css-loader 的源图

我正在努力让sourcemaps与css-loader一起使用。控制台输出:css-loader的文档是怎么说的:SourceMapsToincludeSourceMapssetthesourceMapqueryparam.require("css-loader?sourceMap!./file.css")我的webpack.configvarwebpack=require('webpack')module.exports={entry:'./src/client/js/App.js',output:{path:'./public',filename:'bundle.js',publi