Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 网页包文件加载器未在dist中创建或复制文件_Node.js_Webpack_Webpack 2_Webpack File Loader - Fatal编程技术网

Node.js 网页包文件加载器未在dist中创建或复制文件

Node.js 网页包文件加载器未在dist中创建或复制文件,node.js,webpack,webpack-2,webpack-file-loader,Node.js,Webpack,Webpack 2,Webpack File Loader,大家好(使用webpack2.1.0-beta.22),所以我在webpack.base.js中有以下配置: entry: { client: "./client/index.js" }, output: { path: _.outputPath, filename: '[name].js', publicPath: '/themes/default/dist/' }, module: { loaders: [ {

大家好(使用webpack2.1.0-beta.22),所以我在
webpack.base.js
中有以下配置:

entry: {
    client: "./client/index.js"
},
output: {
    path: _.outputPath,
    filename: '[name].js',
    publicPath: '/themes/default/dist/'
},
module: {
    loaders: [
        {
            test: /\.(ico|jpg|png|gif|eot|otf|webp|svg|ttf|woff|woff2)(\?.*)?$/,
            loader: 'file',
            query: {
                name: 'media/[name].[hash:8].[ext]'
            }
        }
    ]
}
const cssImagePath = path.resolve('../..');`

base.module.loaders.push(
    {
        test: /\.(s?)css$/,
        loaders: [
            'style-loader',
            `css-loader?sourceMap&root=${cssImagePath}`,
            'sass-loader?outputStyle=expanded&sourceMap&sourceMapContents'
        ]
    }
)
在我的
webpack.dev.js
中:

entry: {
    client: "./client/index.js"
},
output: {
    path: _.outputPath,
    filename: '[name].js',
    publicPath: '/themes/default/dist/'
},
module: {
    loaders: [
        {
            test: /\.(ico|jpg|png|gif|eot|otf|webp|svg|ttf|woff|woff2)(\?.*)?$/,
            loader: 'file',
            query: {
                name: 'media/[name].[hash:8].[ext]'
            }
        }
    ]
}
const cssImagePath = path.resolve('../..');`

base.module.loaders.push(
    {
        test: /\.(s?)css$/,
        loaders: [
            'style-loader',
            `css-loader?sourceMap&root=${cssImagePath}`,
            'sass-loader?outputStyle=expanded&sourceMap&sourceMapContents'
        ]
    }
)
现在我在我的
scss
文件中有一行:
背景图像:url('/themes/default/client/images/snowflake.png')

如果我运行webpack并使用inspector,路径将被替换为:
url(/themes/default/dist/media/snowflake.0af467e3.png)

看起来最完美的问题是
文件加载器
没有创建/复制到该目录,因此
主题/default/dist/media
不存在


有人遇到过这个问题吗?

你能解决这个问题吗?我在使用beta 25时遇到了类似的问题。文件加载器在我的情况下运行良好。我使用的是webpack dev server命令,它只在内存中生成文件,而不是发出文件。您可以检查是否正在执行相同的操作。是否能够解决此问题?我在使用beta 25时遇到了类似的问题。文件加载器在我的情况下运行良好。我使用的是webpack dev server命令,它只在内存中生成文件,而不是发出文件。你可以检查你是否也这样做。