• //图片，字体等基于 url-loader 或 file-loader 的输出路径配置，一般为 outputPath。
    • css 输出路径配置可以通过 mini-css-extract-plugin 包配置

    具体如下：

    1. let MiniCssExtractPlugin = require('mini-css-extract-plugin');
    2. let path = require('path');
    3. module.exports = {
    4.   //..
    5.   output:{
    6.     filename:'js/[name].[contenthash:8].js', //将 js 输出到 js 文件夹中
    7.     path: path.resolve(__dirname, 'dist')
    8.   }
    9.   module:{
    10.     rules:[
    11.       {
    12.         test: /\.(jpg|jepg|png|gif)/,
    13.         use:[
    14.           loader: 'url-loader',
    15.           options:{
    16.             limit: 10240,
    17.             outputPath:'img'//输出到img文件夹中
    18.           }
    19.         ]
    20.       }
    21.     ]
    22.   },
    23.   plugins: [
    24.     //...
    25.     new MiniCssExtractPlugin({
    26.       filename: 'css/main.css' //将css输出到css文件夹中
    27.     })
    28.     //...
    29.   ]
    30.   //..
    31. }

    结果如下：
    image.png