webpack怎么把html搬到输出目录里

Posted 2023-04-12

参考技术A 新建一个server服务用他来启动监听webpack.config.js
用node server.js启动服务
var webpack = require('webpack');
var webpackDevMiddleware = require("webpack-dev-middleware");
var webpackDevServer = require('webpack-dev-server');
var config = require("./webpack.config.js");
config.entry.index.unshift('webpack/hot/dev-server');
config.entry.index.unshift('webpack-dev-server/client?');
var compiler = webpack(config);
var server = new webpackDevServer(compiler,
historyApiFallback: true,
hot: true,
inline: true,
stats: 'errors-only',
host: "localhost",
port: "8080",
);
server.listen(8080); 参考技术B 要用webpackchunk代码割功能自行百度或google吧.

求助,关于webpack url-loader配置图片路径错误的问题

这是我css文件图片引入的位置

这是我的webpack配置

最后就会出现这种路径，如果我把url-loader的输出名改成name=../images/[name].[ext]，这样它会把图片输出到dist同级的位置，而不是dist目录内，求教怎么解决！

回答：你得配置个output.publicPath参数，我观察你的文件目录结构，初步建议你配成publicPath: ‘./dist‘，如果在浏览器里路径报错了，你可以参照着你自己的文件目录结构来改下这相对路径。