我正在使用[email protected]和[email protected]與dart-sass. 我的專案使用來自 node_modules 的 scss 檔案。當我構建專案時，webpack 給了我一堆看起來像的錯誤
SassError: This at-rule is not allowed here.
?
64 │ @import "../../styles/_appwork/include";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
這是我的 sass 檔案規則配置：
{
test: /\.s[ac]ss$/i,
use: [
{ loader: 'style-loader' },
{
loader: 'css-loader',
options: {
importLoaders: 1,
},
},
{ loader: 'resolve-url-loader' },
{
loader: 'sass-loader',
options: {
// Prefer `dart-sass`
implementation: require.resolve('sass'),
sassOptions: {
indentWidth: 4,
},
},
},
],
},
我的假設是 sass-loader 完全合并了 scss 檔案，之后它無法正確匯入依賴項。我試圖用 替換 style-loader { loader: MiniCssExtractPlugin.loader },，但它并沒有真正改變任何事情。
uj5u.com熱心網友回復：
我解決了這個問題，只需替換sass（以前是dart-sass），node-sass問題就消失了。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/329310.html
標籤：网络包 蠢货 sass-loader 飞镖
上一篇：找不到模塊“sanitize.css/page.css”
下一篇：無法在生產模式下聯合組件