const path = require('path');module.exports = { ???entry: './src/index.js', ?// 入口文件 ???output: { ???????filename: '[name].bundle.js', ??????????// 输出文件名 [name]表示入口文件js名 ???????path: path.resolve(__dirname, 'dist') ?// 输入文件路径 ???}, ???module: { ???????rules: [ ???????????// 配置css ???????????{ ??// test 表示文件类型 ???????????????test: /\.css$/, ???????????????use: [ 'style-loader', 'css-loader' ] ???????????}, ???????????// 配置img ???????????{ ???????????????test: /\.(png|svg|jpg|gif)$/, ???????????????use: [ ???????????????????{ ???????????????????????loader: 'url-loader', ???????????????????????options: { ???????????????????????????outputPath: 'image/', ?// 指定图片输入的文件夹 ???????????????????????????publicPath: '../dist/image/', ?// 指定图片获取的路径 ???????????????????????????limit: 500, ???????????????????????????name: '[name].[hash:8].[ext]' ?// 输入的图片名 ???????????????????????} ???????????????????} ???????????????] ???????????} ???????] ???}};webpack 打包CSS 引入图片
原文地址：https://www.cnblogs.com/xiaobaiv/p/9388606.html