인프런 커뮤니티 질문&답변

이 문제때문에 고민하다가, 수강을 진행하게 된 사람입니다.

mobile또는 pc 별로 빌드를 진행해야해서 , scss 에서 import해올때 경로 또는 파일이름 별로 import를 제외 시키고 싶은데,

이부분이 잘 안되서 문의드립니다.  

{
    test: /\.scss$/,
    exclude: path.resolve(__dirname, "./../src/tokens/mobile/"),
    use: [
        MiniCssPlugin.loader,
        'css-loader',
        'sass-loader'
    ]

이 방법도 안되고, 아래처럼 plugin을 사용해서 webpack.IgnorePlugin을 해도 여전히 mobile쪽이 적용되는것 같습니다.

plugins: [
    browserSyncPlugin,
    new MiniCssPlugin({
        filename: 'css/[name].css',
        chunkFilename: 'css/[id].css'
    }),
    new webpack.IgnorePlugin({
        resourceRegExp: /\.scss$/,
        contextRegExp: /mobile/
    })
]

webpack은 뭐 디버깅을 해보기가 너무 어렵네요..

에러도 안나고 그냥 조용히 계속 값을 들고오는데, 어떻게 접근하면 좋을까요..