@master/css.webpack
Advanced tools
Comparing version 2.0.0-beta.60 to 2.0.0-beta.61
@@ -1,1 +0,1 @@ | ||
{"name":"@master/css.webpack","scripts":{"build":"aron pack --platform=node","dev":"npm run build -- --watch","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"Compile Master CSS ahead of time with zero-configuration integration with build tools","author":"Aoyue Design LLC.","funding":"https://docs.master.co/css/donate","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/webpack"},"keywords":["webpack","plugin","integration","vite","parcel","build tools","css","mastercss","vite-plugin"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/index.cjs","import":"./dist/index.mjs","types":"./dist/index.d.ts"}},"files":["dist"],"dependencies":{"@master/css":"^2.0.0-beta.60","@master/css.compiler":"^2.0.0-beta.60"},"version":"2.0.0-beta.60"} | ||
{"name":"@master/css.webpack","scripts":{"build":"aron pack --platform=node","dev":"npm run build -- --watch","type-check":"tsc --noEmit","lint":"eslint src"},"license":"MIT","description":"A webpack plugin for integrating Master CSS ahead-of-time compilation","author":"Aoyue Design LLC.","funding":"https://docs.master.co/css/donate","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/webpack"},"keywords":["webpack","plugin","integration","vite","parcel","build tools","css","mastercss","vite-plugin"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"require":"./dist/index.cjs","import":"./dist/index.mjs","types":"./dist/index.d.ts"}},"files":["dist"],"dependencies":{"@master/css":"^2.0.0-beta.61","@master/css.compiler":"^2.0.0-beta.61"},"version":"2.0.0-beta.61"} |
125
readme.md
@@ -1,36 +0,73 @@ | ||
<br><br> | ||
<br> | ||
<div align="center"> | ||
<p align="center"> | ||
<img src="https://raw.githubusercontent.com/master-co/package/document/images/logo-and-text.svg" alt="logo" width="142"> | ||
<a href="https://css.master.co"> | ||
<picture> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/33840671/201701649-3bb7d698-abec-4d5f-ac30-ccc4d7bafcd4.svg"> | ||
<source media="(prefers-color-scheme: light)" srcset="https://user-images.githubusercontent.com/33840671/201703010-77bf2373-9899-40cc-98f5-30cf9b546941.svg"> | ||
<img alt="Master CSS" src="https://user-images.githubusercontent.com/33840671/201703010-77bf2373-9899-40cc-98f5-30cf9b546941.svg" width="100%"> | ||
</picture> | ||
</a> | ||
</p> | ||
<p align="center">A webpack plugin for integrating Master CSS ahead-of-time compilation</p> | ||
<p align="center"> | ||
<b><!-- name -->CSS Compiler<!----></b> | ||
<a aria-label="overview" href="https://github.com/master-co/css/tree/beta"> | ||
<picture> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/badge/%E2%AC%85%20back-%20?color=212022&style=for-the-badge"> | ||
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/badge/%E2%AC%85%20back-%20?color=f6f7f8&style=for-the-badge"> | ||
<img alt="NPM Version" src="https://img.shields.io/badge/%E2%AC%85%20back-%20?color=f6f7f8&style=for-the-badge"> | ||
</picture> | ||
</a> | ||
<a aria-label="GitHub release (latest by date including pre-releases)" href="https://github.com/master-co/css/releases"> | ||
<picture> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/v/release/master-co/css?include_prereleases&color=212022&label=&style=for-the-badge&logo=github&logoColor=fff"> | ||
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/v/release/master-co/css?include_prereleases&color=f6f7f8&label=&style=for-the-badge&logo=github&logoColor=%23000"> | ||
<img alt="NPM Version" src="https://img.shields.io/github/v/release/master-co/css?include_prereleases&color=f6f7f8&label=&style=for-the-badge&logo=github"> | ||
</picture> | ||
</a> | ||
<a aria-label="NPM Package" href="https://www.npmjs.com/package/@master/css"> | ||
<picture> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/npm/dm/@master/css?color=212022&label=%20&logo=npm&style=for-the-badge"> | ||
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/npm/dm/@master/css?color=f6f7f8&label=%20&logo=npm&style=for-the-badge"> | ||
<img alt="NPM package ( download / month )" src="https://img.shields.io/npm/dm/@master/css?color=f6f7f8&label=%20&logo=npm&style=for-the-badge"> | ||
</picture> | ||
</a> | ||
<a aria-label="JSDelivr" href="https://www.jsdelivr.com/package/npm/@master/css"> | ||
<picture> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/jsdelivr/npm/hm/@master/css?color=212022&label=%20&logo=jsdelivr&style=for-the-badge"> | ||
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/jsdelivr/npm/hm/@master/css?color=f6f7f8&label=%20&logo=jsdelivr&style=for-the-badge"> | ||
<img alt="JSDelivr hits (npm scoped)" src="https://img.shields.io/jsdelivr/npm/hm/@master/css?color=f6f7f8&label=%20&logo=jsdelivr&style=for-the-badge"> | ||
</picture> | ||
</a> | ||
<a aria-label="Discord Community" href="https://discord.gg/sZNKpAAAw6"> | ||
<picture> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/discord/917780624314613760?color=212022&label=%20&logo=discord&style=for-the-badge"> | ||
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/discord/917780624314613760?color=f6f7f8&label=%20&logo=discord&style=for-the-badge"> | ||
<img alt="Discord online" src="https://img.shields.io/discord/917780624314613760?color=f6f7f8&label=%20&logo=discord&style=for-the-badge"> | ||
</picture> | ||
</a> | ||
<a aria-label="Follow @mastercorg" href="https://twitter.com/mastercorg"> | ||
<picture> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/static/v1?label=%20&message=twitter&color=212022&logo=twitter&style=for-the-badge"> | ||
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/static/v1?label=%20&message=twitter&color=f6f7f8&logo=twitter&style=for-the-badge"> | ||
<img alt="Follow @mastercorg" src="https://img.shields.io/static/v1?label=%20&message=twitter&color=f6f7f8&logo=twitter&style=for-the-badge"> | ||
</picture> | ||
</a> | ||
<a aria-label="Github Actions" href="https://github.com/1aron/repo/actions/workflows/release.yml"> | ||
<picture> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://img.shields.io/github/workflow/status/master-co/css/Release?label=%20&message=twitter&color=212022&logo=githubactions&style=for-the-badge"> | ||
<source media="(prefers-color-scheme: light)" srcset="https://img.shields.io/github/workflow/status/master-co/css/Release?label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000"> | ||
<img alt="Github release actions" src="https://img.shields.io/github/workflow/status/master-co/css/Release?label=%20&message=twitter&color=f6f7f8&logo=githubactions&style=for-the-badge&logoColor=%23000"> | ||
</picture> | ||
</a> | ||
</p> | ||
<p align="center"><!-- package.description -->Compile Master CSS ahead of time with zero-configuration integration with build tools<!----></p> | ||
[![MIT License](https://flat.badgen.net/github/license/master-co/css?color=yellow)](https://github.com/master-co/css-compiler/blob/main/LICENSE) | ||
[![Latest Release](https://flat.badgen.net/npm/v/@master/css-compiler?icon=npm&label&color=yellow)](https://www.npmjs.com/package/@master/css-compiler) | ||
[![Documentation](https://flat.badgen.net/badge/icon/Documentation?icon=awesome&label&color=yellow)](https://css.master.co) | ||
[![Github](https://flat.badgen.net/badge/icon/master-co%2Fcss-compiler?icon=github&label&color=yellow)](https://github.com/master-co/css) | ||
[![Discord](https://flat.badgen.net/badge/icon/discord?icon=discord&label&color=yellow)](https://discord.gg/sZNKpAAAw6) | ||
[![CI](https://flat.badgen.net/github/status/master-co/css-compiler/main/ci/circleci?icon=circleci)](https://circleci.com/gh/master-co/workflows/css-compiler/tree/main) | ||
</div> | ||
##### On this page | ||
## Quick Start | ||
- [Usage](#usage) | ||
- [`webpack.config.js`](#webpackconfigjs) | ||
- [`vite.config.js`](#viteconfigjs) | ||
- [`next.config.js`](#nextconfigjs) | ||
- [Related](#related) | ||
--- | ||
# Usage | ||
## `webpack.config.js` | ||
```js | ||
const { MasterCSSWebpackPlugin } = require('@master/css-compiler') | ||
const { MasterCSSWebpackPlugin } = require('@master/css.webpack') | ||
@@ -42,40 +79,2 @@ module.exports = { | ||
}; | ||
``` | ||
## `vite.config.js` | ||
```js | ||
import { MasterCSSVitePlugin } from '@master/css-compiler' | ||
export default defineConfig({ | ||
plugins: [ | ||
MasterCSSVitePlugin() | ||
] | ||
}) | ||
``` | ||
## `next.config.js` | ||
```js | ||
const { MasterCSSWebpackPlugin } = require('@master/css-compiler') | ||
const nextConfig = { | ||
..., | ||
webpack: (config) => { | ||
config.plugins.push( | ||
new MasterCSSWebpackPlugin({ | ||
output: { | ||
path: 'static/css' | ||
} | ||
}) | ||
) | ||
return config | ||
} | ||
} | ||
module.exports = nextConfig | ||
``` | ||
--- | ||
# Related | ||
- [@master/css](https://github.com/master-co/css) - A Virtual CSS language with enhanced syntax. ( ~13KB ) | ||
- [@master/css.react](https://github.com/master-co/css.react) - React hooks for Master CSS | ||
``` |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
11988
79