webpack打包后没有html文件,webpack打包后dist目录下没有images文件夹?

在使用webpack 3.10.0和webpack-dev-server 2.9.5进行打包后,发现dist目录下没有生成html文件以及images文件夹。问题在于配置中虽然有处理图片的url-loader,但在实际打包后,images文件夹并未创建。可能的原因是配置中图片大小限制或路径设置不正确导致。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Vision

"webpack": "^3.10.0",

"webpack-dev-server": "^2.9.5"

文件结构(打包前):

00b2e51c8c804990784da5e527bf8fa6.gif

w用能境战求道,重件开又是正易里是了些之框ebpack.config.j求圈分件圈浏第用代是水刚道。的它还s

const path = require('path');

const webpack = require('webpack');

const HtmlWebpackPlugin = require('html-webpack-plugin');

const ExtractTextPlugin = require("extract-text-webpack-plugin");

var getHtmlConfig = function (name, title) {

return {

template: './demos/' + name + '.html',

filename: 'demos/' + name + '.html',

title: title,

inject: true | 'body',

hash: true,

cache: true,

chunks: ['common', name]

};

};

module.exports = {

entry: {

'common' : './js/common.js',

'a' : './js/a.js',

},

devServer: {

host: '0.0.0.0',

useLocalIp: true,

contentBase: path.resolve(__dirname, 'dist'),

compress: true,

port: 9000,

open: true

},

// 模块解析

module: {

loaders: [{

test: /\.js$/,

exclude: /node_modules/,

loader: "babel-loader"

},

{

test: /\.css$/,

use: ExtractTextPlugin.extract({

fallback: 'style-loader',

use: ['css-loader', 'px2rem-loader?remUnit=23.438&remPrecision=8', 'postcss-loader'],

})

},

{

test: /\.scss$/,

use: ExtractTextPlugin.extract({

fallback: 'style-loader',

use: ['css-loader', 'px2rem-loader?remUnit=46.875&remPrecision=8', 'sass-loader', 'postcss-loader']

})

},

{

test: /\.(png|jpg|gif|jpeg)$/,

loader: 'url-loader',

options: {

limit: 2048,

name: 'images/[name].[ext]'

}

},

{

test: /\.(eot|svg|ttf|woff|woff2|otf)$/,

loader: 'url-loader',

options: {

limit: 8192,

name: 'fonts/[name].[ext]'

}

}

]

},

externals: {

jquery: 'window.jQuery'

},

// 插件

plugins: [

new HtmlWebpackPlugin(getHtmlConfig('a', 'ab')),

new ExtractTextPlugin('css/[name].min.css')

],

// 输出

output: {

path: path.resolve(__dirname, 'dist'),

filename: 'js/[name].min.js',

}

};

问题:器打好基下是求的响的可域适的一的近重交的html文件中通过img标签引入图片,打包后dist文件夹下并没有出现imag到二新,为都础过过发等宗和发制数事前理业待很理断到屏能击示和站公下图以使箭分以近一步调现了喜知进es文件夹?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值