小编Alb*_*ina的帖子

Webpack不会将图像复制到dist文件夹

我是从webpack开始的,但我现在真的很新,而且我现在卡住了.我的项目正确复制了我的字体而不是图像.现在,我能够使其工作的唯一方法是手动将图像复制到dist/img文件夹.

这是我的配置:

var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var webpack = require('webpack');
var path = require("path");



module.exports = {
entry: './src/app.js',
output: {
    path: path.resolve(__dirname + '/dist'),
    filename: 'app.bundle.js'
    // publicPath:  '/dist',
},
module: {
    rules:[
        {
        test:/\.scss$/,
        use: ExtractTextPlugin.extract({
            fallback: "style-loader",
            use: ["css-loader?sourceMap","resolve-url-loader","sass-loader?sourceMap"],
            // publicPath: '/dist'
            })
        },
        {
            test: /\.(woff2?|ttf|otf|eot|svg)$/,
            use: [{
                    loader: 'file-loader',
                    options: {
                        name: '[name].[ext]',
                        outputPath: 'fonts/'
                    }  
                  }]
            // loader: 'file-loader?name=/fonts/[name].[ext]'
        },
        {
            test: /\.(jpg|png|gif)$/,
            use: [{
                    loader: 'file-loader',
                    options: …
Run Code Online (Sandbox Code Playgroud)

html webpack webpack-file-loader

5
推荐指数
1
解决办法
4062
查看次数

标签 统计

html ×1

webpack ×1

webpack-file-loader ×1