使用文件加载器在 webpack 中从 jQuery UI 加载资源

Question

我想要 jQuery ui 文件夹 /dist/ 中的资产，它们应该从应用程序加载。我的 webpack 配置中有这个：

module.exports = {
    context: path.resolve(__dirname, "app"),
    output: {
        path: __dirname + '/dist',
        filename: 'app.bundle.js' 
    },
    module: {
        loaders: [
            {
                test: /\.css$/,
                loaders: [
                    'style-loader',
                    'css-loader?importLoaders=1',
                    'postcss-loader'
                ]
            },
            {
                test: /\.(jpe?g|png|gif|svg)$/i,
                loaders: [
                    'file?hash=sha512&digest=hex&name=[hash].[ext]',
                    'image-webpack?bypassOnDebug&optimizationLevel=7&interlaced=false'
                ]
            }
        ]
    }
};

它尝试从根目录加载资产，而不是从 /dist 图像文件位于 dist 目录。

我尝试将 dist 添加到名称中：

'file?hash=sha512&digest=hex&name=dist/[hash].[ext]'

图像正在加载，但我有包含图像文件的目录 dist/dist。我尝试添加 ./ 但未加载图像。我也尝试设置 outputPath=/dist/ 但这并没有改变任何东西。

Answer 1

这项工作：

file?hash=sha512&digest=hex&name=[hash].[ext]&publicPath=dist/