diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js index 84d00f9..1bcabfa 100644 --- a/build/webpack.base.conf.js +++ b/build/webpack.base.conf.js @@ -42,12 +42,7 @@ module.exports = { }, { test: /\.s?css$/, - use: [ - extractOrInjectStyles, - 'css-loader', - 'postcss-loader', - 'sass-loader', - ], + use: [extractOrInjectStyles, 'css-loader', 'postcss-loader'], }, ], }, diff --git a/package.json b/package.json index e14c29c..a6c1b31 100644 --- a/package.json +++ b/package.json @@ -67,11 +67,12 @@ "jest-serializer-vue": "^2.0.2", "jest-transform-stub": "^2.0.0", "mini-css-extract-plugin": "^0.5.0", - "node-sass": "^4.12.0", + "postcss": "^8.3.9", + "postcss-import": "^14.0.2", "postcss-loader": "^3.0.0", + "postcss-nested": "^5.0.6", "postcss-scss": "^2.0.0", "prettier": "2.2.1", - "sass-loader": "^7.1.0", "semantic-release": "^17.0.4", "terser-webpack-plugin": "^1.2.3", "url-loader": "^1.1.2", diff --git a/postcss.config.js b/postcss.config.js index 82a74b0..3fab8ca 100644 --- a/postcss.config.js +++ b/postcss.config.js @@ -1,5 +1,6 @@ module.exports = { plugins: [ + require('postcss-nested'), require('autoprefixer'), require('cssnano')({ preset: 'default', diff --git a/src/components/Select.vue b/src/components/Select.vue index 5da5ffe..acce569 100644 --- a/src/components/Select.vue +++ b/src/components/Select.vue @@ -1,5 +1,5 @@ -