diff --git a/config/styleguide.config.js b/config/styleguide.config.js index e83a6c0a21..c9213d63f3 100644 --- a/config/styleguide.config.js +++ b/config/styleguide.config.js @@ -288,7 +288,14 @@ module.exports = { options: { modules: true, localIdentName: 'TDS_[name]__[local]___[hash:base64:5]', - importLoaders: 1, // Number of loaders applied before CSS loader + importLoaders: 2, // Number of loaders applied before CSS loader + }, + }, + { + loader: 'postcss-loader', + options: { + ident: 'postcss', + plugins: [require('autoprefixer')()], }, }, 'sass-loader', diff --git a/package.json b/package.json index 70295c7331..108bd2c0a5 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,13 @@ "license": "ISC", "main": "dist/tds.cjs.js", "module": "dist/tds.es.js", - "files": ["dist", "src", "CHANGELOG.md", "CONTRIBUTING.md", "UPGRADING.md"], + "files": [ + "dist", + "src", + "CHANGELOG.md", + "CONTRIBUTING.md", + "UPGRADING.md" + ], "scripts": { "build:css": "postcss --use cssnano --replace dist/tds.css", "build:js": "rollup -c config/rollup.config.js", @@ -15,8 +21,7 @@ "deploy:docs": "node ./scripts/deploy-docs.js", "deploy:package": "scripts/publish.sh", "dev": "styleguidist server --config config/styleguide.config.js", - "lint:js": - "eslint src config docs scripts --ext '.js,.jsx' --config config/.eslintrc.json --fix", + "lint:js": "eslint src config docs scripts --ext '.js,.jsx' --config config/.eslintrc.json --fix", "lint:scss": "stylelint 'src/components/**/*.scss' --config config/.stylelintrc.json", "lint:ec": "echint", "lint": "yarn lint:js && yarn lint:scss && yarn lint:ec", @@ -75,6 +80,7 @@ "node-sass": "^4.5.3", "postcss": "^6.0.7", "postcss-cli": "^4.1.0", + "postcss-loader": "^2.0.8", "postcss-modules": "^0.8.0", "prettier": "^1.7.4", "react": "^16.0.0", diff --git a/yarn.lock b/yarn.lock index f91e5c2851..32be90795e 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6033,7 +6033,7 @@ postcss-less@^1.1.0: dependencies: postcss "^5.2.16" -postcss-load-config@^1.1.0: +postcss-load-config@^1.1.0, postcss-load-config@^1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-1.2.0.tgz#539e9afc9ddc8620121ebf9d8c3673e0ce50d28a" dependencies: @@ -6056,6 +6056,15 @@ postcss-load-plugins@^2.3.0: cosmiconfig "^2.1.1" object-assign "^4.1.0" +postcss-loader@^2.0.8: + version "2.0.8" + resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-2.0.8.tgz#8c67ddb029407dfafe684a406cfc16bad2ce0814" + dependencies: + loader-utils "^1.1.0" + postcss "^6.0.0" + postcss-load-config "^1.2.0" + schema-utils "^0.3.0" + postcss-media-query-parser@^0.2.0, postcss-media-query-parser@^0.2.3: version "0.2.3" resolved "https://registry.yarnpkg.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz#27b39c6f4d94f81b1a73b8f76351c609e5cef244"