私が達成しようとしているのは次のとおりです。静的に生成されたWebアプリケーションをWebhookで再生成する高速サーバーがあります。そのためにwebpackを使用しています。webpack の CLI から静的サイトを生成すると、すべてがうまく機能します。ただし、ノード内から構成を webpack にインポートすると、Webpack オプションの検証エラーが発生します。
- configuration.module.rules[4].loader should be one of these:
non-empty string | non-empty string | function | object { loader?, options?, query? } | function | [non-empty string | function | object { loader?, options?, query? }]
これを少しデバッグした後、WebpackExtractTextPlugin を使用するたびにローダー、つまりローダーが追加されていることがわかりました。
{ loader: 1178, options: [Object] }
これは私の共有 webpack.js がどのように見えるかです:
module.exports = (env) => ({
context : path.resolve(__dirname, '..', 'entries'),
output : {
path : path.resolve(__dirname, '..', '..', 'build'),
filename : '[name].js',
publicPath : '/'
},
plugins : [
new webpack.EnvironmentPlugin({
// ...
}),
],
module : {
rules : [
{
test : /\.js$/,
loader : 'babel-loader',
exclude : /node_modules/,
options : {
babelrc : false,
presets : ['es2015', 'stage-0', 'react'],
}
},
{
test : /\.json$/,
loader : 'json-loader'
},
{
test : /\.(jpg|jpeg|png|gif|ico)$/,
loader : 'file-loader?name=img/[name].[ext]'
},
{
test : /\.svg$/,
loader : 'file-loader?name=svg/[name].[ext]'
},
{
test : /\.less$/,
loader : ExtractTextPlugin.extract({
fallback : 'style-loader',
use : [
{
loader : 'css-loader',
options : {
importLoaders : 1,
modules : true,
minimize : env !== 'dev',
sourceMap : env === 'dev',
discardComments : { removeAll : true },
localIdentName : env === 'dev' ? '[path][name]-[local]-[hash:base64:3]' : '[hash:base64:5]'
}
},
{
loader : 'less-loader',
options : {
sourceMap : env === 'dev',
modifyVars : lessConfig
}
}
]
})
},
{
test : /\.css$/,
loader : ExtractTextPlugin.extract({
fallback : 'style-loader',
use : {
loader : 'css-loader',
options : {
minimize : env !== 'dev',
sourceMap : env === 'dev'
}
}
})
}
]
},
// ...
})
webpack.static.js
上記をこれとマージします:
module.exports = (env) => merge.smart(webpackConfig(env), {
entry : {
static : [
'babel-polyfill',
'./static'
]
},
output : {
path : path.resolve(__dirname, '..', '..', 'build', 'static'),
libraryTarget : 'umd',
publicPath : '/'
},
externals : vendorConfig,
plugins : [
new ProgressBarPlugin(),
new ExtractTextPlugin({
filename : 'client.css',
allChunks : true
}),
new StaticSiteGeneratorPlugin({ paths })
],
module : {
rules : [
{
test : /\.js$/,
loader : 'babel-loader',
query : {
presets : ['es2015', 'stage-0', 'react'],
plugins : ['system-import-transformer']
}
}
]
},
target : 'node'
})
その追加のローダーがどこから来たのか、またはこの問題を引き起こすために他に何が間違っているのか、誰かが考えていますか??
私が使用している: webpack@2.2.1 extract-text-webpack-plugin@2.1.0