Zengtudor
/
Nuxt
mirror of https://github.com/nuxt/nuxt.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: use ~ with postcss-import

This commit is contained in:
Clark Du 2018-01-17 16:46:58 +08:00
parent 2f1d8b4c1c
commit 962a4e20d6
No known key found for this signature in database
GPG Key ID: D0E5986AF78B86D9
3 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
lib/builder/webpack/postcss.js
View File

@ -1,7 +1,8 @@
const { existsSync } = require('fs')
const { resolve } = require('path')
const { resolve, join } = require('path')
const { cloneDeep } = require('lodash')
const { isPureObject } = require('../../common/utils')
const createResolver = require('postcss-import-webpack-resolver')
module.exports = function postcssConfig() {
let config = cloneDeep(this.options.build.postcss)
@ -47,12 +48,17 @@ module.exports = function postcssConfig() {
plugins: {
// https://github.com/postcss/postcss-import
'postcss-import': {
root: this.options.rootDir,
path: [
this.options.srcDir,
this.options.rootDir,
...this.options.modulesDir
]
resolve: createResolver({
alias: {
'~': join(this.options.srcDir),
'~~': join(this.options.rootDir)
},
modules: [
this.options.srcDir,
this.options.rootDir,
...this.options.modulesDir
]
})
},
// https://github.com/postcss/postcss-url

1
package.json
View File

@ -141,6 +141,7 @@
"jsdom": "^11.5.1",
"json-loader": "^0.5.7",
"nyc": "^11.4.1",
"postcss-import-webpack-resolver": "^1.0.1",
"puppeteer": "^1.0.0",
"request": "^2.83.0",
"request-promise-native": "^1.0.5",

8
yarn.lock
View File

@ -2549,7 +2549,7 @@ end-of-stream@^1.0.0, end-of-stream@^1.1.0:
dependencies:
once "^1.4.0"
enhanced-resolve@^3.4.0:
enhanced-resolve@^3.4.0, enhanced-resolve@^3.4.1:
version "3.4.1"
resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.4.1.tgz#0421e339fd71419b3da13d129b3979040230476e"
dependencies:
@ -5779,6 +5779,12 @@ postcss-image-set-polyfill@^0.3.5:
postcss "^6.0.1"
postcss-media-query-parser "^0.2.3"
postcss-import-webpack-resolver@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/postcss-import-webpack-resolver/-/postcss-import-webpack-resolver-1.0.1.tgz#4be0e9400b7609313e11258a17c3c4d7db186ac9"
dependencies:
enhanced-resolve "^3.4.1"
postcss-import@^11.0.0:
version "11.0.0"
resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-11.0.0.tgz#a962e2df82d3bc5a6da6a386841747204f41ef5b"