Comments (6)
This option has been added in v0.6.7
Thank you @PatrikLythell for using Nuxt.js 😄
from nuxt.js.
Can you post your postcss config?
I may add build.postcss
option in nuxt.config.js
from nuxt.js.
Just added postcss-cssnext to vue-loader.config.js inside my nuxt package for giggles. That made the build complain about double autoprefixer though (think it's included in cssnext).
Think build.postcss in nuxt.config.js would be sweet 👍
'use strict'
module.exports = function () {
let config = {
postcss: [
require('postcss-cssnext')(),
require('autoprefixer')({
browsers: ['last 3 versions']
})
],
…
from nuxt.js.
Just for the record, since I spent few hours looking for that, here is the nuxt.config.js
that worked for me:
module.exports = {
build: {
postcss: [
require('postcss-nested')(),
require('postcss-responsive-type')(),
require('postcss-hexrgba')(),
]
}
}
from nuxt.js.
That's cool, but seems that any scss file included by CSS array in the nuxt.config.js files is not prefixed.
css: [
{ src: '~assets/scss/app.scss', lang: 'scss' },
],
My workaround was import the scss file in the layout vue file, like so
<style lang="scss"> @import "~assets/scss/app.scss"; </style>Any other better approach?
from nuxt.js.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
from nuxt.js.
Related Issues (20)
- Nuxt Config Merging Strategy in Layers
- Rapidly Reloading Files Triggers HMR and Causes 500 Not Found Error HOT 2
- Nuxt.config.ts and (i18n) language settings from Nuxt Layer overwriting the languages setting in current project [Nuxt Layers] HOT 1
- NuxtLinks with (pagination) query parameters not being crawled HOT 4
- Payload URLs are missing the configured `cdnURL` HOT 1
- Cannot stringify arbitrary non-POJOs Unexpected response type data Blob { size: 2, type: 'application/xhtml+xml' } !!! HOT 4
- nuxt-link not working when is set dynamicly via Component element HOT 2
- external script doesn't always loads when we navigate between components nuxt 3 HOT 5
- `dev` and `build` do not recognize declared types but `typecheck` does. HOT 3
- navigateTo in middleware make refreshing asyncData do nothing HOT 2
- Limit max number of parallel requests for `useFetch` HOT 1
- Strange behaviour with inline style HOT 1
- onNuxtReady not called after navigateTo in middleware HOT 1
- Project building with page dirrectory routing(nuxt native) and building with nuxt/router(library)
- DefinePageMeta is not accessible without autoimport. HOT 3
- Support global type definition files HOT 2
- MIME/404 error on build/generate with app.baseURL configuration option
- Hooks defined via Plugin Object Syntax are not working HOT 3
- Bad import path suggestions since 3.6.0 HOT 2
- Cannot import file in .nuxt folder from nitro plugin in dev environment HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nuxt.js.