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

时间:2016-12-07 14:49:39

标签: javascript image jquery-ui webpack webpack-file-loader

我想在文件夹/ 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/,但这并没有改变任何内容。

1 个答案:

答案 0 :(得分:0)

这项工作:

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