cssモジュール化構成

887 ワード

webpack3.8.1での構成
 {
                test: /\.less$/,
                exclude: [path.join(__dirname, '../src/containers/'),path.join(__dirname, '../src/components/')],
                use: [
                    "style-loader",
                    "css-loader",
                    "less-loader"
                ]
            },
            {
                test: /\.less$/,
                include: [path.join(__dirname, '../src/containers/'),path.join(__dirname, '../src/components/')],
                use: [
                    "style-loader",
                    "css-loader?modules&importLoaders=1&localIdentName=[path][name]---[local]---[hash:base64:5]",
                    "less-loader"
                ]
            }

containersフォルダとcomponentsフォルダでcssモジュール化を開く