Node.js 网页包文件加载器未在dist中创建或复制文件
大家好(使用webpack2.1.0-beta.22),所以我在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: [ {
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命令,它只在内存中生成文件,而不是发出文件。你可以检查你是否也这样做。