antd-scss-theme-plugin icon indicating copy to clipboard operation
antd-scss-theme-plugin copied to clipboard

When used this plugin with sass-loader (version ^10.0.2) and craco is giving Cannot find module 'sass-loader/dist/importsToResolve' when used in webpack config

Open vjagetiya-jeavio opened this issue 3 years ago • 0 comments

Reference of ticket opened with sass-loader, which recommended to open issue with antd-scss-theme-plugin

https://github.com/webpack-contrib/sass-loader/issues/890

Refer following for craco.config.js

`const AntdDayjsWebpackPlugin = require('antd-dayjs-webpack-plugin'); const AntdScssThemePlugin = require('antd-scss-theme-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const path = require('path'); const isProduction = process.env.NODE_ENV === 'production';

module.exports = { babel: { plugins: [ ['import', { 'libraryName': 'antd', 'style': true }] ] }, webpack: { configure: { module: { rules: [ { test: /.s(a|c)ss$/, use: [ !isProduction ? 'style-loader' : MiniCssExtractPlugin.loader, { loader: 'css-loader', options: { sourceMap: !isProduction, modules: true }, }, AntdScssThemePlugin.themify({ loader: 'sass-loader', options: { sourceMap: !isProduction, implementation: require('node-sass') }, }), ], }, { test: /.less$/, use: [ { loader: 'style-loader', options: { sourceMap: !isProduction, }, }, { loader: 'css-loader', options: { importLoaders: 1, sourceMap: !isProduction, }, }, AntdScssThemePlugin.themify('less-loader'), ], }, ] }, plugins: [ new AntdDayjsWebpackPlugin({ replaceMoment: true, preset: 'antd' }), new AntdScssThemePlugin(path.join('./theme.scss')), new MiniCssExtractPlugin({ filename: !isProduction ? '[name].css' : '[name].[hash].css', chunkFilename: !isProduction ? '[id].css' : '[id].[hash].css' }) ] }, } };`

vjagetiya-jeavio avatar Sep 28 '20 16:09 vjagetiya-jeavio