add postcss for proper css compiling

This commit is contained in:
Jakob Schrettenbrunner 2018-06-11 00:32:07 +02:00
parent 03c83c084a
commit 5e3f705a4c
4 changed files with 2348 additions and 2214 deletions

4501
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -20,6 +20,7 @@
"babel-register": "^6.26.0",
"clean-webpack-plugin": "^0.1.19",
"css-loader": "^0.28.11",
"cssnano": "^3.10.0",
"extract-text-webpack-plugin": "^4.0.0-beta.0",
"glob-all": "^3.1.0",
"html-webpack-plugin": "^3.2.0",
@ -31,6 +32,7 @@
"postcss-import": "^11.1.0",
"postcss-loader": "^2.1.5",
"postcss-preset-env": "^3.4.0",
"precss": "^3.1.2",
"purgecss-webpack-plugin": "^1.1.0",
"style-loader": "^0.21.0",
"tailwindcss": "^0.5.1",

View File

@ -100,18 +100,21 @@ module.exports = {
use: [{
loader: 'css-loader',
options: {
sourceMap: true,
importLoaders: 1,
minimize: true,
},
}, {
loader: 'postcss-loader',
options: {
ident: 'postcss',
sourceMap: true,
plugins: [
require('postcss-import'),
tailwind('./tailwind.js'),
require('postcss-preset-env')({stage: 0}),
require('precss'),
require('autoprefixer'),
require('cssnano'),
]
},
}],
@ -133,7 +136,7 @@ module.exports = {
publicPath: "/assets/",
headers: {
"Access-Control-Allow-Origin": "*",
}
},
},
hot: {
hmr: true,

View File

@ -595,6 +595,10 @@
postcss "^6.0.20"
postcss-value-parser "^3.3.0"
"@csstools/sass-import-resolve@^1":
version "1.0.0"
resolved "https://registry.yarnpkg.com/@csstools/sass-import-resolve/-/sass-import-resolve-1.0.0.tgz#32c3cdb2f7af3cd8f0dca357b592e7271f3831b5"
"@shellscape/koa-send@^4.1.0":
version "4.1.3"
resolved "https://registry.yarnpkg.com/@shellscape/koa-send/-/koa-send-4.1.3.tgz#1a7c8df21f63487e060b7bfd8ed82e1d3c4ae0b0"
@ -4394,6 +4398,13 @@ posix-character-classes@^0.1.0:
version "0.1.1"
resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
postcss-advanced-variables@^2.3.3:
version "2.3.3"
resolved "https://registry.yarnpkg.com/postcss-advanced-variables/-/postcss-advanced-variables-2.3.3.tgz#80ac5b05988d02f63352974491e319910f33337e"
dependencies:
"@csstools/sass-import-resolve" "^1"
postcss "^6"
postcss-apply@^0.9.0:
version "0.9.0"
resolved "https://registry.yarnpkg.com/postcss-apply/-/postcss-apply-0.9.0.tgz#a152e6e34a6c55d0895751929319c262c5d8c289"
@ -4402,6 +4413,12 @@ postcss-apply@^0.9.0:
balanced-match "^0.4.2"
postcss "^6.0.0"
postcss-atroot@^0.1.3:
version "0.1.3"
resolved "https://registry.yarnpkg.com/postcss-atroot/-/postcss-atroot-0.1.3.tgz#6752c0230c745140549345b2b0e30ebeda01a405"
dependencies:
postcss "^5.0.5"
postcss-attribute-case-insensitive@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-2.0.0.tgz#94dc422c8f90997f16bd33a3654bbbec084963b4"
@ -4520,6 +4537,13 @@ postcss-discard-unused@^2.2.1:
postcss "^5.0.14"
uniqs "^2.0.0"
postcss-extend-rule@^1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/postcss-extend-rule/-/postcss-extend-rule-1.1.0.tgz#11e4d590ffe4253b853ef1fc03be7167da607d38"
dependencies:
postcss "^6.0.11"
postcss-nesting "^4.2.1"
postcss-filter-plugins@^2.0.0:
version "2.0.3"
resolved "https://registry.yarnpkg.com/postcss-filter-plugins/-/postcss-filter-plugins-2.0.3.tgz#82245fdf82337041645e477114d8e593aa18b8ec"
@ -4749,7 +4773,7 @@ postcss-page-break@^1.0.0:
dependencies:
postcss "^6.0.16"
postcss-preset-env@^3.4.0:
postcss-preset-env@^3.2.2, postcss-preset-env@^3.4.0:
version "3.5.0"
resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-3.5.0.tgz#b3aae2c65e5b3fa61d735b70392fa758a665b785"
dependencies:
@ -4781,6 +4805,14 @@ postcss-preset-env@^3.4.0:
postcss-selector-matches "^3.0.1"
postcss-selector-not "^3.0.1"
postcss-property-lookup@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/postcss-property-lookup/-/postcss-property-lookup-2.0.0.tgz#c995d1df42a75420f2aea834c2cbe296b2c15922"
dependencies:
object-assign "^4.0.1"
postcss "^6.0.6"
tcomb "^3.2.21"
postcss-pseudo-class-any-link@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-4.0.0.tgz#9152a0613d3450720513e8892854bae42d0ee68e"
@ -4906,7 +4938,7 @@ postcss@^5.0.10, postcss@^5.0.11, postcss@^5.0.12, postcss@^5.0.13, postcss@^5.0
source-map "^0.5.6"
supports-color "^3.2.3"
postcss@^6.0, postcss@^6.0.0, postcss@^6.0.1, postcss@^6.0.11, postcss@^6.0.14, postcss@^6.0.16, postcss@^6.0.18, postcss@^6.0.19, postcss@^6.0.20, postcss@^6.0.21, postcss@^6.0.22, postcss@^6.0.8, postcss@^6.0.9:
postcss@^6, postcss@^6.0, postcss@^6.0.0, postcss@^6.0.1, postcss@^6.0.11, postcss@^6.0.14, postcss@^6.0.16, postcss@^6.0.18, postcss@^6.0.19, postcss@^6.0.20, postcss@^6.0.21, postcss@^6.0.22, postcss@^6.0.6, postcss@^6.0.8, postcss@^6.0.9:
version "6.0.22"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-6.0.22.tgz#e23b78314905c3b90cbd61702121e7a78848f2a3"
dependencies:
@ -4914,6 +4946,18 @@ postcss@^6.0, postcss@^6.0.0, postcss@^6.0.1, postcss@^6.0.11, postcss@^6.0.14,
source-map "^0.6.1"
supports-color "^5.4.0"
precss@^3.1.2:
version "3.1.2"
resolved "https://registry.yarnpkg.com/precss/-/precss-3.1.2.tgz#c82c0aa4ca5fe1e879799d697db0fac6d15d23bc"
dependencies:
postcss "^6.0.19"
postcss-advanced-variables "^2.3.3"
postcss-atroot "^0.1.3"
postcss-extend-rule "^1.1.0"
postcss-nested "^3.0.0"
postcss-preset-env "^3.2.2"
postcss-property-lookup "^2.0.0"
prepend-http@^1.0.0, prepend-http@^1.0.1:
version "1.0.4"
resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
@ -5759,6 +5803,10 @@ tar@^4:
safe-buffer "^5.1.2"
yallist "^3.0.2"
tcomb@^3.2.21:
version "3.2.27"
resolved "https://registry.yarnpkg.com/tcomb/-/tcomb-3.2.27.tgz#f4928bfc536b959d21a47e5f5f1ca2b2e4b7188a"
term-size@^1.2.0:
version "1.2.0"
resolved "https://registry.yarnpkg.com/term-size/-/term-size-1.2.0.tgz#458b83887f288fc56d6fffbfad262e26638efa69"