2回答
我试图配置一个简单的模块联合，如下所示。
webpack.config1
new ModuleFederationPlugin({
name: "Picture",
filename: "entryPoint.js",
exposes: {
"./Gallery": "./mySrc/components/Gallery.js",
},
}),
index.js
import("Picture/Gallery").the
浏览 4提问于2021-08-29得票数 1
回答已采纳
1回答
我遇到了一个我自己无法解决的绞死问题。当图片仅在HTML中被引用时，我的webpack配置不会将图片从我的源目录编译到build目录，而它会编译css中引用的图片，并且没有任何问题。这是我的webpack.config.file：
var webpack = require('webpack');
var path = require('path');
module.exports = {
entry: {
bund
浏览 11提问于2017-08-16得票数 0
我使用windows，并且已经在全球安装了webpack。我运行了webpack命令来构建包。当我运行这个命令时，我会得到错误module.js抛出错误；。请看下面的图片。
webpack.config.js的内容是
var webpack = require('webpack');
module.exports = {
context: __dirname,
entry: './app.js',
module: {
loaders: [
{ test: /\.js$/, loader: 'jsx-loader
浏览 2提问于2015-08-31得票数 0
回答已采纳
我是一个开发反应应用程序的新手。我想弄清楚如何设置我的webpack.config.js文件。
我跟随这个结构结束，你可以在下面的图片链接上看到。
我的问题是:当我运行'npm运行构建‘时，它对图片进行散列，并将其放到/dist文件夹中。我如何配置它，使它不？
因为我使用copyWebpackPlugin()复制图像并将其推送到dist文件夹，但我不想要用箭头标记的图片。
如果有人有什么建议就开始吧。
这就是我的webpack.config.js文件的样子：
const path = require("path");
const webpack = requi
浏览 0提问于2018-10-09得票数 1
回答已采纳
(提供了图片)所以我一直在学习webpack的教程，我遵循了指令，但是当im点击端口8080 im看到这个而不是组件模板时，im使用webpack-dev-server。
我是webpack.config.js
var webpack = require("webpack");
var htmlwebpack = require('html-webpack-plugin');
//consfiguring object
module.exports = {
entry : "./src/main.ts",
output : {
p
浏览 0提问于2016-07-18得票数 1
回答已采纳
我试着通过图片-webpack-加载器模块加载图片，它工作正常，但它不是将图片保存在outputPath指示的位置，而是将其保存在项目的根目录中，有人知道如何定义图片的输出吗？我已经阅读了整个文档()，但我找不到任何地方说明如何配置文件输出。在这里我留下了我的webpack.config.js
const autoprefixer = require('autoprefixer')
module.exports = {
entry: ['./assets/src/scss/index.scss', './assets/src/service/clanS
浏览 9提问于2018-12-20得票数 0
版本:我在终端运行webpack -d --watch时的版本: webpack 3.5.5。
运行构建太慢了.总时间: 174094ms
我在我的webpack里安装了图片加载器，用来压缩我的png图片文件。
但是每次在开发模式下运行webpack -d --watch ..它总是会再次压缩..在开发过程中，如何只为加载器运行一次...
当我运行webpack -p构建生产代码时，我想运行压缩加载器
以下是我的webpack配置文件：
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
const Extrac
浏览 17提问于2017-08-30得票数 1
1回答
我和webpack有一个项目，添加了一个图片，我添加了文件加载器和图片，并给出了以下错误： ERROR in ./src/assets/images/image.png 1:0
Module parse failed: Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)
@ ./src/pages/Home/index.js 26:0-52
@ ./src/
浏览 35提问于2019-03-16得票数 1
1回答
我在我的项目中使用了Webpack 4，我的图片的URL出现了问题。我有两张图片:一张在我的html中，一张在我的scss条目中。只有一个图像正在渲染，并且我无法解析来自CSS的图像的URL。
这是我的/src文件夹结构：
| index.html
+--js
+--scss
| +----scss/entries
| index.scss
+---img
| imgA.png
| imgB.png
| webpack.common.js
| webpack.dev.js
| webpack.prod.js
这是我在webpack.comm
浏览 15提问于2021-01-29得票数 0
2回答
我是新来的Webpack，我在加载图片时遇到问题。我想用Webpack来加载图片，并使用背景:url(‘./urlToMyPic.png’)在SASS中使用这个特定的图片作为背景；
.home {
background: url("../../Background2x.png");
background-color: $dark;
height: calc(100vh - 58px);
}
我的webpack.config.js：
// entry --> output
const path = require('path
浏览 0提问于2018-03-31得票数 1
下面的图片描绘了我的角2项目目录结构。
子文件夹“作者”、“书籍”和“类别”都有与功能模块相关的文件。
我使用webpack 2模块捆绑，树抖动和AoT编译。
下面是webpack.config.js文件的内容
'use strict';
const webpack = require('webpack');
const AotPlugin = require('@ngtools/webpack').AotPlugin;
module.exports = {
devtool: 'source-map',
浏览 1提问于2017-02-20得票数 2
回答已采纳
1回答
我按照这个链接将图片添加到包中：
根文件夹中有以下文件结构：
index.html
index.js
图像文件夹(带有svg的)
这是我的webpack.config.js
// Generated using webpack-cli https://github.com/webpack/webpack-cli
const path = require('path');
const isProduction = process.env.NODE_ENV === 'production';
const HtmlWebpackPlugin = require(
浏览 19提问于2021-12-07得票数 1
回答已采纳
1回答
实际上，我是为我的网站写的webpack，我的网站使用了reactjs。因为我有大量的图片和scss文件，所以它需要更多的时间来创建bundle.js文件，直到网站处于加载状态。那么，我该如何提高执行速度。
webpack.config.js
const path = require("path");
const webpack = require("webpack");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const HtmlWebpackPlugin = requ
浏览 0提问于2017-09-25得票数 0
1回答
你好，我怎样才能导入webpack 4的图片？
这是我的Webpack。图像加载在静态文件夹中，但名称是cryptical。如果我想导入它并将它记录出来，那么只有带有文件名的字符串。我怎么才能正确使用它呢？
，这就是我使用它的方式，
import img from "../../../../assets/hallo.png"
<img style = "height: 100px;width: 100px" src="${img}" />
Webpack Config
const path = req
浏览 0提问于2018-06-11得票数 1
回答已采纳
我正在上一门关于乌德米的课程(这是布拉德·希夫的“我们其余课程的反应”( ) )，它是基于“反应”( React )，我收到了一个与webpack有关的错误，这使得它无法编译。
我收到以下错误，因为我试图编译我的webpack文件从一个Udemy课程，我正在上…这是我在终端上接收到的错误图片：
这是错误的文本，但请查看更多细节链接，作为屏幕截图，尽管如此，
Module not found: Error: Can't resolve 'path' in '/Users/seanmodd/Development/2021/BradSchiff/Frontend
浏览 4提问于2021-02-18得票数 7
回答已采纳
2回答
我正在和Webpack一起做一个React设置，并且正在努力做看起来应该是一项简单的任务。我想让webpack包含一些图片，并且最小化它们，就像我吞咽一样，但我想不出来。我只想能够像这样在我的css中链接一个图像：
/* ./src/img/background.jpg */
body { background: url('./img/background.jpg'); }
我所有的css/js/img文件夹都在一个src文件夹中。Webpack输出到dist文件夹，但我不知道如何在那里获得图像。
这是我的webpack设置：
var path = require('
浏览 42提问于2016-02-13得票数 50
回答已采纳
我是新的反应和nodeJS和我有一些问题，webpack和国家预防机制。我尝试根据本教程配置本地主机：
当我写入cmd："npm“时，它会抛出以下消息(在图片上)。我安装了webpack，但它说它不认识它。对了，什么是“奇怪的错误”？你能给我一些链接，在那里我可以正确地配置我的机器吗？
我的webpack.config.js文件：
var config = {
entry: './main.js',
output: {
path:'./',
filename: 'index.js',
},
浏览 2提问于2017-05-14得票数 0
回答已采纳
我曾经用过webpack编辑存储在dist/img文件夹中的webpack背景图片，但在css文件中显示dist/img/ project.After ..所以图像加载不是properly...if图像路径../img/ works..how it it works..how我可以这样做..
这是我的webpack.config.js文件
module.exports = (env = {}) => {
return {
entry: ['./src/js/app.js', './src/scss/main.scss'],
浏览 7提问于2018-09-01得票数 0
2回答
最近我在我的子目录上的vuejs上工作，我的图片没有显示，这些图片来自public/images/目录，我搜索了很多，找到了很多解决方案，但都没有对我起作用。但在本地，它运行得很好。
代码示例
Home.vue
<div class="widget-bg-image absolute">
<div class="widget-container">
<div class="image">
<img width="629" height="424" s
浏览 3提问于2021-07-29得票数 0
1回答
我在netlify中在Webpack中部署了我的反应性应用程序构建。我看到CSS、字体和其他所有东西都很好地加载，但在资产/图像文件夹下的图片却没有。
这里是我在活动站点源路径中的文件夹结构：
我的webpack.config.js：
const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
e
浏览 1提问于2020-08-06得票数 4
我在测试我用WebPack开发的react网页时遇到了问题。我正在尝试运行一个快递服务器，并且我一直得到一个带有控制台消息Uncaught SyntaxError: Unexpected token <的空白本地主页。看来网页能够找到我的index.html文件，这反过来又指向webpack创建的bundle.js文件，但出于某种原因，我相信我的bundle.js文件是空的？这是我第一次使用webpack，所以我对此还是比较陌生的。我将在下面发布我的目录结构、webpack.config.js文件、server.js文件和index.html文件的图片/片段。非常感谢您的提前，再次我是新
浏览 1提问于2019-09-25得票数 2
回答已采纳
2回答
我一直在学习教程，在这个上，它们的输出总是被散列，所以它就像bundle-18734678.js和vendor-32422342.js --我的包是散列的，但是由于某种原因，厂商根本没有散列。下面的图片只显示vendor.js。
我的webpack档案在下面。
const path = require('path');
const webpack = require('webpack');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const Co
浏览 1提问于2016-12-25得票数 0
回答已采纳
2回答
我目前正在做一个项目，我需要配置WebPack。在该项目中，我们还使用了ReactJS和Semantic-UI。以下是webpack.config.js：
var path = require("path");
var webpack = require('webpack');
var BundleTracker = require('webpack-bundle-tracker');
var BundleAnalyzer = require('webpack-bundle-analyzer').BundleAnalyzerPlu
浏览 3提问于2017-07-29得票数 2
回答已采纳
我是Angular的新手，我想知道当我们为应用程序服务时，Webpack在幕后扮演着什么角色。在最初的印象中，我开始了解到，webpack作为一个构建和打包工具，将所有需要的JS文件分组到单独的bundle中。然而，我找不到webpack的配置文件，也不明白angular和webpack是如何在图片中结合在一起的。
因此，当我为angular 4应用程序提供服务时，这是打印在终端上的内容。我不能确切地理解幕后发生的事情。
webpack: Compiling...
Date: 2017-12-05T07:13:25.436Z
Hash: a6d360a858a29480ebbc
Time: 3
浏览 12提问于2017-12-05得票数 3
1回答
我只是在使用自定义webpack配置的过程中遇到了不可预测的情况。我会尽力解释这个问题。
这是我的简单应用程序(文件index.js)：
console.log('!!this', this);
这是我的webpack配置(文件webpack.config.js)：
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
mode: 'development',
e
浏览 3提问于2022-06-11得票数 0
我试图让我的.js文件查看SASS变量，我遵循了这个。这个问题的特点是我在尝试这个方法时出错了。但是即使你已经成功地以另一种方式导入了javascript中的SASS变量，请与我分享您的成功！
我将向您展示我编写的代码和所得到的错误。第一，守则：
我的webpack.config.js文件：
module.exports = {
entry: `./sass.js`,
output: {
path: `${__dirname}`,
filename: 'bundle.js'
},
mode: 'develop
浏览 3提问于2020-11-02得票数 3
回答已采纳
我对webpack 5的图像管理有一些问题，我尝试使用“类型”选项来处理我的项目的图像。当我只使用散列和ext时，它是有效的，但是当我用名称替换哈希时，它就不能工作了。
这是我目前工作的Webpack 5的图片配置：
// webpack.config.js
// Images Files Management
const imgConfig = {
test: /\.(jpe?g|png|gif|svg|ico)$/i,
type: "asset/resource",
generator: {
filename: 'assets
浏览 7提问于2022-08-03得票数 0
我无法找到使用webpack生成d.ts和d.ts.map文件的方法。babel-加载程序只生成js和js.map文件。我还需要d.ts和d.ts.map文件(我能够使用tsc命令生成这些文件)，如下图所示：
下面是包含所有设置的最小回购：
更多细节
我搬到了勒纳+纱店。我的包之一是core (将在其他包中使用)，它是用TS和JS编写的。
我用webpack 4，巴贝尔-装载机8的ts-to-js。
其他软件包试图找到我的core包的类型定义和实现，但是我只能用webpack生成index.js和index.js.map：
output: {
path: distPath,
浏览 1提问于2019-03-23得票数 33
回答已采纳
1回答
我想优化一个与webpack的wordpress网站。应用程序不是一个单一的页面应用程序，每个页面都需要自己的样式、脚本和图片。我想使用webpack尽量减少css，js和图片到位。我不需要一个捆绑文件。
在一个包含三个css文件的文件夹中，我想迭代每个文件并最小化它们。
css/
page.css ---> page.css(minimized)
header.css ---> header.css(minimized)
footer.css ---> footer.css(minimized)
我也想对js文件做同样的操作，并为jpgs、png等使用图像优化器。webpa
浏览 1提问于2017-11-02得票数 0
回答已采纳
我使用了webpack来使bundler成为我的js文件，在我的django项目中使用。我使用moment js，这是我从"npm i moment“得到的。我用这个配置做了一个叫webpack的。 var path = require('path');
module.exports = {
"mode" : "development",
"entry" : "./index.js",
"output" : {
"path" : p
浏览 11提问于2021-04-12得票数 0
回答已采纳
我是webpack的新手，我已经将webpack配置到了一个工作条件，我的index.html文件和budle.js文件进入了/dist文件夹。我知道我也可以构建css文件，但是现在我想构建js并运行这个应用程序。请查看附件中的图片，以更好地理解目录结构和webpack构建配置。
我怀疑，如果我从dist文件夹运行应用程序，我会失去所有的角度模板和图像路径等路径，我如何克服这种情况？任何帮助都是非常感谢的。
浏览 5提问于2017-09-13得票数 1
回答已采纳
1回答
我正在试着展示一张图片： <img class="header__logo" src="src\assets\image.png" alt="Logo"> 项目： /node_modules
/src
|- /assets
|- image.png
|- /scss
|- app.js
|- index.html
pakckage.json
webpack.config.js webpack.config.js const HtmlWebpackPlugin = require('html-webpack-plugin
浏览 9提问于2021-10-12得票数 0
我在文件夹"src/assets/img/“中有一些图片。我想保持相对路径的图片。
例子： ->
webpack配置的一部分：
const config = {
entry: {
app: './src/app.js',
},
output: {
path: path.resolve(__dirname, './dist'),
filename: '[name].js',
assetModuleFilename: 'assets/[name][ext]',
cl
浏览 18提问于2021-05-27得票数 2
我有一些关于webpack以及与图书馆之路互动的问题。
这是我的webpack-config.js：
var path = require('path'),
webpack = require("webpack"),
libPath = path.join(__dirname, 'lib'),
distPath = path.join(__dirname, 'dist'),
HtmlWebpackPlugin = require('html-webpack-plugin'),
浏览 13提问于2016-09-11得票数 0
1回答
最近，我决定为react构建自己的安装程序& webpack，所以我遇到了一些问题，比如和，或者Bulma，当导入组件如按钮时，它的样式不能工作。
这是我的index.js
import React from 'react';
import ReactDom from 'react-dom';
import 'antd/dist/antd.css';
import { Button } from 'antd';
import './index.css';
const Index = () => (
浏览 1提问于2018-11-22得票数 2
当我试图用webpack构建SASS文件时，我得到了以下错误：
未找到模块:错误:无法解决模块“文件加载程序”
请注意，此问题仅在尝试使用相对路径加载背景图像时发生。
这项工作做得很好：
background:url(http://localhost:8080/images/magnifier.png);
这导致了以下问题：
background:url(../images/magnifier.png);
这是我的项目结构
图片
样式
webpack.config.js
这是我webpack的档案：
var path = require('path
浏览 16提问于2015-12-18得票数 44
回答已采纳
我正在使用image-webpack-loader，但我收到了以下错误消息：
我导入的图片如下：
import icon10 from '../../assets/img/icon10.png';
ERROR in ./app/assets/img/icon10.png
Module build failed (from ./node_modules/image-webpack-loader/index.js):
ArgumentError: Expected argument to be of type `array` but received type `string`
浏览 0提问于2019-01-23得票数 2
我对webpack和IE11有意见。我使用Babel进行代码转换，除了webpackbootstrap函数之外，所有的函数和东西都被转换了。如图所示，您可以看到一个箭头函数破坏了IE11。我还创建了我自己的函数和JS，并对其进行了转译，因此只有webpack自己的js不会转译。有没有人看到过同样的问题？我已经在互联网上搜索了2天，尝试了很多解决方案，但都没有解决这个问题。 正如您在图片中看到的，babel正确地转译了所有内容，除了默认的webpack javascripts。 我在这上面发疯了，请帮帮我！ 提前谢谢。 webpack.config.js const HtmlWebpack
浏览 54提问于2020-10-16得票数 2
文件夹结构：
在图片中，编译器说有一个问题，App引用了一个值balabala。当我运行npm run serve时，它也失败了，并且不能成功编译。如何修复它？
webpack.config：
const path = require('path')
const {CleanWebpackPlugin} = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
mode:
浏览 7提问于2021-11-12得票数 0
我不知道在ReactJS webpack中加载图片的正确加载程序是什么，
你能帮我一把吗？我知道这个错误：
Module parse failed: /Users/imac/Desktop/fakeeh/imgs/logo.png Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type.
这是webpack的配置：
const path = require('path');
module.exports = {
// the en
浏览 11提问于2017-08-23得票数 43
回答已采纳
5回答
我正在尝试用webpack做一个react应用程序，当我尝试运行npm start时，它应该加载http://localhost:3333，但它显示无法访问站点，这是我的webpack配置：
module.exports = {
entry: './main.js',
output: {
path: '/',
filename: 'index.js'
},
devServer: {
inline: true,
port: 3333
},
浏览 2提问于2016-11-08得票数 7
我用webpack来打包一些前端代码。当我和webpack一起打包时，一切都很好，但是当我使用webpack-dev服务器发布到本地服务器时，我会发现一些错误。
这是处决webpack的结果。
这是webpack的推发球的结果.
webpack.config.js的配置如下：
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require("path");
const MiniCssExtr
浏览 0提问于2019-03-02得票数 0
回答已采纳
我有一个使用Webpack和巴别塔的React应用程序。我正在尝试尽可能地加载图像(svg、png...)但我一直收到错误消息"Unexpected‘PNG’(1:0) >1|�PNG“。我安装了url-loader (npm install url-loader --save-dev)，它在使用Webpack时可以帮助加载图片。一切都没有改变。 这是我的webpack.config.js： const {NODE_ENV} = process.env;
module.exports = {
mode: NODE_ENV === 'production'
浏览 8提问于2019-04-23得票数 0
回答已采纳
我正在尝试在我的angular 2应用程序中导入图片，如下所示：
<img *ngIf="person.status" [src]="{{IMAGE_URL}}" width="20" height="20" />
但是当我使用src标签时，webpack不会在我捆绑的项目的输出文件中包含图片。如果我以下面的方式包含图片，一切都会按预期进行。
<img *ngIf="person.status" src=require('IMAGE_URL') width="20"
浏览 11提问于2016-07-29得票数 2
我正在尝试使用angular2 2/ webpack 2堆栈来设置dev环境，我有下一个webpack配置：
// Helper: root() is defined at the bottom
var path = require("path");
var webpack = require("webpack");
// Webpack Plugins
var autoprefixer = require("autoprefixer");
var CommonsChunkPlugin = webpack.optimize.CommonsChu
浏览 6提问于2017-02-07得票数 5
回答已采纳
我正在尝试使用React (create-react-app)和Firebase来实现SSR。为此，我目前正在使用this tutorial和github dir进行webpack配置 module.exports = [{
entry: './src/index.js',
module: {
rules: [
{test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/},
{test: /\.jsx$/, loa
浏览 21提问于2019-12-29得票数 1
回答已采纳
当从SASS文件加载时，Im只面临图像和字体的问题。除了图片和字体之外，其他所有内容都在加载，并在./public文件夹中填充。
误差
Module build failed: ModuleNotFoundError: Module not found: Error: Can't resolve '../../assets/fonts/ProximaNovaA-Bold.eot' in '/Users/ajinkyaborade/projects/product/src/sass'
package.json ...
"webpack":
浏览 1提问于2018-05-18得票数 1
1回答
我正在使用灯箱与NPM和webpack。
我像往常一样导入SCSS
//lightbox2
@import '~lightbox2/dist/css/lightbox.min';
但是webpack给了我这个错误
webpack_1 | ERROR in ./app/app.scss (/node_modules/css-loader/dist/cjs.js!/node_modules/postcss-loader/src!/node_modules/sass-loader/dist/cjs.js!./app/app.scss)
webpack_1
浏览 5提问于2020-06-04得票数 1
我正在使用Webpack加载我的HTML、CSS和JS上的图片。
我的康菲是：
{
var path = require('path');
var webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
var config = {
entry: [
浏览 2提问于2017-11-16得票数 8
回答已采纳
1回答
如何使用此web包配置导入映像？
在使用yarn build构建应用程序后，我在控制台中得到以下错误。如何将图像从assets/public文件夹导入仪表板文件？(请参见图片)。提前谢谢。
这是webpack的配置文件。
const webpack = require('webpack');
const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const HtmlWebpackPlugin = require
浏览 0提问于2018-08-19得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
