使用文件加载器从 webpack 中的 jQuery UI 加载资产

Question

我想在文件夹 /dist/ 中有 jQuery ui 资产，它们应该从应用程序加载。我的 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/