@best-shot/preset-style v0.12.7
@best-shot/preset-style
A best-shot
preset for stylesheet.
This preset offer the following features:
- CSS Modules support
- Interoperable CSS support
- Less / Sass syntax support
- PostCSS support
- Use postcss-preset-evergreen by default(including Autoprefixer)
- Use cssnano in production mode
Installation
npm install @best-shot/preset-style --save-dev
Usage
// example: .best-shot/config.mjs
export default {
presets: ['style']
};
CSS Modules support
Use [name].module.[extname]
as filename.
import { bar } from './bar.module.scss';
import { foo } from './foo.module.css';
Use CSS Modules in Vue.js. Learn more
<!-- example.vue -->
<style lang="css" module></style>
<style lang="scss" module></style>
<style lang="less" module></style>
Tips
Load custom postcss
config
Disable internal options:
// example: .best-shot/config.mjs
export default {
webpackChain(config) {
config.module
.rule('style')
.rule('postcss')
.use('postcss-loader')
.tap((options) => ({
...options,
postcssOptions: {}
}));
}
};
Write your config in any way. See https://github.com/postcss/postcss-load-config
// example: postcss.config.cjs
module.exports = {
plugins: {
'postcss-preset-env': {}
}
};
Related
3 days ago
3 days ago
11 days ago
12 days ago
13 days ago
2 months ago
4 months ago
4 months ago
4 months ago
6 months ago
9 months ago
8 months ago
7 months ago
10 months ago
10 months ago
11 months ago
12 months ago
12 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago