Webpack 具有多个入口点的网页包url加载程序上下文错误
我试图将资产加载到css中,在某些情况下(较大的文件),复制到特定的目录。使用url加载器并为名称模板定义查询参数时,出现以下错误: 错误:在此上下文中未实现路径变量[name]: [路径][名称][分机]?7770F0C15C55BC5D8291A 我使用多个具有定义输出的入口点,我不确定这是否是问题所在。有没有一种方法可以强制上下文?下面是网页配置Webpack 具有多个入口点的网页包url加载程序上下文错误,webpack,bundling-and-minification,webpack-style-loader,Webpack,Bundling And Minification,Webpack Style Loader,我试图将资产加载到css中,在某些情况下(较大的文件),复制到特定的目录。使用url加载器并为名称模板定义查询参数时,出现以下错误: 错误:在此上下文中未实现路径变量[name]: [路径][名称][分机]?7770F0C15C55BC5D8291A 我使用多个具有定义输出的入口点,我不确定这是否是问题所在。有没有一种方法可以强制上下文?下面是网页配置 module.exports = [{ debug: !isProduction, devtool: isProduction
module.exports = [{
debug: !isProduction,
devtool: isProduction ? false : 'source-map',
entry: {
// Globals:
'./public/dist/css/base' : './src/scss/base',
'./public/dist/css/module' : './src/scss/module',
},
output: {
path: __dirname,
filename: '[name].css',
},
module: {
loaders: [
{
test: /\.css$/,
loader: 'style-loader!css-loader'
}, {
test: /\.scss$/,
loader: ExtractTextPlugin.extract('style', ['css?sourceMap', 'postcss', 'sass?sourceMap'])
}, {
test: /.*\.(gif|png|jpe?g|svg)$/i,
loaders: [
'url?{limit: 2048, name: "[path][name].[ext]?[hash]"}'
],
include: path.join(__dirname, 'src/images')
}
]
},
resolve: {
extensions: ['', '.css', '.scss'],
root: [path.join(__dirname, './src')]
},
plugins: plugins,
resolveUrlLoader: {
root: './public/dist/images'
},
postcss: [
autoprefixer({
browsers: ['last 2 versions']
})
],
sassLoader: {
includePaths: [path.resolve(__dirname, './src/scss')],
outputStyle: isProduction ? 'compressed' : 'expanded'
},
}]
这是我的文件结构:
- src
|- sass
|- js
|- images
- public
|- css
|- js
|- images