Я пытался добавить ExtractTextPlugin
в конфигурацию моего веб-пакета для разделения кода в моем проекте React.Ранее я использовал MiniCssExtractPlugin
(mini-css-extract-plugin
) для компиляции моих .scss
файлов со следующим ...
module: {
rules: [{
test: /\.s?css$/,
use: [
MiniCssExtractPlugin.loader,
{ loader: 'css-loader', options: { importLoaders: 1 } },
{ loader: 'postcss-loader' },
{ loader: 'sass-loader' }
]
},
]
},
plugins: [
new MiniCssExtractPlugin({
filename: "[name].css",
})
]
Это сработало, как и ожидалось.
Теперь с ExtractTextPlugin
Я пытался
module: {
rules: [{
test: /\.s?css$/,
use: ExtractTextPlugin.extract({
use: [
{
loader: 'css-loader',
options: { importLoaders: 1 }
},
{ loader: 'postcss-loader' },
{ loader: 'sass-loader' }
]
})
},
plugins: [
new ExtractTextPlugin({
filename: "[name].css",
})
]
Кажется, что сам Webpack собирается нормально, ошибка появляется в консоли при попытке загрузить мой сайт.
Ошибка заключается в следующем ...
Uncaught (in promise) TypeError: Cannot read property 'call' of undefined
at __webpack_require__ (main.bundle.js:84)
at eval (Login.scss:1)
at Object../components/login/Login.scss (2.js:213)
at __webpack_require__ (main.bundle.js:84)
at eval (Login.js:4)
at Module../components/login/Login.js (2.js:202)
at __webpack_require__ (main.bundle.js:84)
Вот где это не получается в main.bundle.js
// Execute the module function /******/
modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
Я не уверен, с чего начать, чтобы решить эту проблему, любая помощь будет принята с благодарностью.