草庐IT

webpack-5

全部标签

javascript - 使用 HTMLWebpackPlugin 时如何通过 webpack 加载图片?

我正在使用HTMLWebpackPlugin,在我的模板中我有一个img标签:如果你注意到了,这里我使用的是相对路径,认为webpack将触发在我的webpack.config.js文件中配置的文件加载器,但编译后我在我的html中得到完全相同的src属性:如何触发webpack以动态替换这些相对路径,以及我在webpack配置中配置的任何内容? 最佳答案 我不是webpack专家,但我通过这样做让它工作:">插件配置newHtmlWebpackPlugin({filename:'index.html',template:'inde

javascript - Webpack - extract-text-webpack-plugin 找不到模块

webpack.config.jsvarExtractTextPlugin=require("extract-text-webpack-plugin");如果我只是实现插件,我会立即收到此错误:module.js:339throwerr;^Error:Cannotfindmodule'webpack/lib/ConcatSource'atFunction.Module._resolveFilename(module.js:337:15)atFunction.Module._load(module.js:287:25)atModule.require(module.js:366:17)a

javascript - Webpack - extract-text-webpack-plugin 找不到模块

webpack.config.jsvarExtractTextPlugin=require("extract-text-webpack-plugin");如果我只是实现插件,我会立即收到此错误:module.js:339throwerr;^Error:Cannotfindmodule'webpack/lib/ConcatSource'atFunction.Module._resolveFilename(module.js:337:15)atFunction.Module._load(module.js:287:25)atModule.require(module.js:366:17)a

node.js - 我怎样才能让 webpack 跳过一个要求

如何让webpack跳过发生的require('shelljs/global');在我的源文件中?我想捆绑我的源文件,但将require('shelljs/global')保留在文件中,而不是捆绑shelljs/global。 最佳答案 如果将路径存储在变量中,则IgnorePlugin将不起作用。虽然你仍然可以这样做:constmyCustomModule=eval('require')(myCustomPath) 关于node.js-我怎样才能让webpack跳过一个要求,我们在St

node.js - 我怎样才能让 webpack 跳过一个要求

如何让webpack跳过发生的require('shelljs/global');在我的源文件中?我想捆绑我的源文件,但将require('shelljs/global')保留在文件中,而不是捆绑shelljs/global。 最佳答案 如果将路径存储在变量中,则IgnorePlugin将不起作用。虽然你仍然可以这样做:constmyCustomModule=eval('require')(myCustomPath) 关于node.js-我怎样才能让webpack跳过一个要求,我们在St

node.js - 尝试在 Webpack 上使用 mongoose 和 node-webkit 目标

我使用webpack并将其作为node-webkit的构建输出。我想要求我的项目中的mongoose模块连接到mongodb,但是当我尝试打包项目时它总是会出现一些错误:WARNINGin./~/mongoose/~/mongodb/~/mongodb-core/~/bson/~/bson-ext/ext/index.jsModulenotfound:Error:Cannotresolve'file'or'directory'./win32/x64/bsonin/Users/Johannes/Documents/Development/holmes/node_modules/mongo

node.js - 尝试在 Webpack 上使用 mongoose 和 node-webkit 目标

我使用webpack并将其作为node-webkit的构建输出。我想要求我的项目中的mongoose模块连接到mongodb,但是当我尝试打包项目时它总是会出现一些错误:WARNINGin./~/mongoose/~/mongodb/~/mongodb-core/~/bson/~/bson-ext/ext/index.jsModulenotfound:Error:Cannotresolve'file'or'directory'./win32/x64/bsonin/Users/Johannes/Documents/Development/holmes/node_modules/mongo

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