鍍金池/ 問答/HTML5  HTML/ webpack打包圖片存放路徑的問題

webpack打包圖片存放路徑的問題

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

module.exports = {
    entry : {
        index : __dirname + "/src/index.js"
    },
    output : {
        path : __dirname + "/build",
        filename : "bundle.js"
    },
    module : {
        rules : [
            {
                test : /\.js$/,
                use : {
                    loader : "babel-loader",
                    options : {
                        presets : "es2015"
                    }
                }
            },
            {
                test : /\.css$/,
                use : ExtractTextPlugin.extract({
                    fallback : "style-loader",
                    use : "css-loader"
                })
            },
            {
                test : /\.jpg$/,
                use : {
                    loader : "url-loader",
                    options : {
                        limit : "1024",
                        name : "../images/[hash:8].[name].[ext]"
                    }
                }
            }
        ]
    },
    plugins : [
        new ExtractTextPlugin("css/style.css")
    ]
}

為什么會(huì)同時(shí)在根目錄和build文件夾下自動(dòng)新建images文件夾?
我只想在build文件夾下自動(dòng)新建images文件夾(里面有圖片)
哪里配置錯(cuò)了嗎?

回答
編輯回答
款爺

你的url-loader配置有問題啊extract-text-webpack-plugin都已經(jīng)在build目錄生產(chǎn)image文件了
你url-loader name里面別加../

2018年2月13日 03:27