sass全局變量

npm eject 顯示隱藏文件

npm install sass-resources-loader -D

/**
* webpack.config.js
* 新增concat部分
* 
*/

//react,項(xiàng)目中所有scss文件均可使用變量和方法,無(wú)需再次單獨(dú)引入
{
    test: sassRegex,
    exclude: sassModuleRegex,
    use: getStyleLoaders(
    {
        importLoaders: 3,
        sourceMap: isEnvProduction && shouldUseSourceMap,
    },
    'sass-loader'
    ).concat({
        loader:'sass-resources-loader',
        optionss:{
            resources:[
                //這里按照實(shí)際文件路徑填寫
                path.resolve(__dirname,'./../src/styles/main.scss')
            ]
        }
    }),
    // Don't consider CSS imports dead code even if the
    // containing package claims to have no side effects.
    // Remove this when webpack adds a warning or an error for this.
    // See https://github.com/webpack/webpack/issues/6571
    sideEffects: true,
},
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容