chore: reduce popup size (nsfw-filter#191)

pandeyAayush · Oct 3, 2021 · 07630fa · 07630fa
1 parent b91ac6f
commit 07630fa
Show file tree

Hide file tree

Showing 5 changed files with 133 additions and 31 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/popup/components/Footer/styles.ts b/src/popup/components/Footer/styles.ts
@@ -1,3 +1,5 @@
+import 'antd/lib/checkbox/style/index.css'
+
 import Checkbox from 'antd/lib/checkbox'
 import styled from 'styled-components'
 

diff --git a/src/popup/components/Production/index.tsx b/src/popup/components/Production/index.tsx
@@ -1,3 +1,6 @@
+import 'antd/lib/select/style/index.css'
+import 'antd/lib/slider/style/index.css'
+
 import Select from 'antd/lib/select'
 import Slider from 'antd/lib/slider'
 import React from 'react'

diff --git a/src/popup/index.tsx b/src/popup/index.tsx
@@ -3,7 +3,7 @@ import { render } from 'react-dom'
 import { Provider } from 'react-redux'
 import { createStore } from 'redux'
 
-import 'antd/dist/antd.min.css'
+import 'antd/lib/style/index.css'
 
 import { Popup } from './components'
 import { createChromeStore } from './redux/chrome-storage'

diff --git a/webpack/webpack.common.js b/webpack/webpack.common.js
@@ -2,7 +2,7 @@ const path = require('path')
 const glob = require('glob')
 const CopyPlugin = require('copy-webpack-plugin')
 const AntdDayjsWebpackPlugin = require('antd-dayjs-webpack-plugin')
-const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const MiniCSSExtractPlugin = require('mini-css-extract-plugin')
 const PurgeCSSPlugin = require('purgecss-webpack-plugin')
 
 const PATHS = {
@@ -35,7 +35,6 @@ module.exports = {
                 test: /\.css$/,
                 use: [
                     "style-loader",
-                    // MiniCssExtractPlugin.loader,
                     "css-loader"
                 ]
             }
@@ -48,12 +47,12 @@ module.exports = {
             ],
         }),
         new AntdDayjsWebpackPlugin(),
-        // new MiniCssExtractPlugin({
-        //     filename: "[name].css",
-        // }),
-        // new PurgeCSSPlugin({
-        //     paths: glob.sync(`${PATHS.src}/**/*`,  { nodir: true }),
-        // }),
+        new MiniCSSExtractPlugin({
+            filename: "[name].css",
+        }),
+        new PurgeCSSPlugin({
+            paths: glob.sync(`${PATHS.src}/**/*`,  { nodir: true }),
+        }),
     ],
     resolve: {
         extensions: [".js", ".ts", ".tsx"]