Nyan CSS webpack loader that converts CSS Modules into React/Preact components
Nyan CSS webpack loader that converts CSS Modules (provided by css-loader) into components (React/Preact/Vue.js/etc.).
For the introduction into Nyan CSS and other docs, see the main repo. Read further for instruction on setting up the loader.
npm install --save-dev @nyancss/css-modules-loader @nyancss/react
# or using yarn
yarn add --dev @nyancss/css-modules-loader @nyancss/react
npm install --save-dev @nyancss/css-modules-loader @nyancss/vue
# or using yarn
yarn add --dev @nyancss/css-modules-loader @nyancss/vue
npm install --save-dev @nyancss/css-modules-loader @nyancss/class-names
# or using yarn
yarn add --dev @nyancss/css-modules-loader @nyancss/class-names
// ...
{
test: /\.css$/,
use: [
'style-loader',
'@nyancss/css-modules-loader/REPLACE_ME', // π Add the loader
// Use '@nyancss/css-modules-loader/react' for React
// Use '@nyancss/css-modules-loader/preact' for Preact
// Use '@nyancss/css-modules-loader/vue' for Vue
// Use '@nyancss/css-modules-loader/class-names' for class names
{ loader: 'css-loader', options: { modules: true } }
]
},
// ...
// ...
{
test: /\.css$/,
use: [
'@nyancss/css-modules-loader/REPLACE_ME', // π The loader **before** the plugin
{ loader: MiniCssExtractPlugin.loader }, // π mini-css-extract-plugin
{ loader: 'css-loader', options: { modules: true } }
]
},
// ...
See the changelog.