feat: add scripts for building custom library version

Author: woothu

build/createCustomStylesLibrary.js

@@ -0,0 +1,30 @@
+const fs = require('fs-extra')
+fs.copy('src', 'tmp').then(() => {
+  fs.readdir('tmp/components', (e, directories) => {
+    console.log('hehe')
+    directories.forEach((directory) => {
+      fs.readdir(`tmp/components/${directory}`, function(e, files) {
+        if (!files) {
+          return
+        }
+        let components = files.filter(file => file.includes('.vue'))
+        components.forEach((component) => {
+          fs.readFile(
+            `tmp/components/${directory}/${component}`,
+            'utf-8',
+            (e, content) => {
+              const newContent = content.replace(
+                /(@import "~@coreui\/coreui\/scss\/([^>]+).scss";)/ig,
+                ''
+              )
+              fs.writeFile(
+                `tmp/components/${directory}/${component}`,
+                newContent,
+                () => ''
+              )
+            })
+        })
+      })
+    })
+  })
+})

build/deleteTmpFolder.js

@@ -0,0 +1,2 @@
+const fs = require('fs-extra')
+fs.removeSync('tmp');

package.json

@@ -49,16 +49,21 @@
     "serve": "vue-cli-service serve",
     "build": "npm-run-all --parallel build:custom build:default",
     "build:default": "vue-cli-service build --target lib --name coreui-vue ./src/index.js",
-    "build:custom": "vue-cli-service build --target lib --name custom ./src/index.js",
+    "build:custom": "npm-run-all createCustom buildCustom deleteCustom",
+    "createCustom": "node build/createCustomStylesLibrary.js",
+    "buildCustom": "vue-cli-service build --target lib --name custom ./tmp/index.js",
+    "deleteCustom": "node build/deleteTmpFolder.js",
     "lint": "vue-cli-service lint",
     "test": "vue-cli-service test:unit",
     "test:coverage": "vue-cli-service test:unit --coverage --collectCoverageFrom=src/**/*.{js,vue} --collectCoverageFrom=!**/index*",
     "test:e2e": "vue-cli-service test:e2e",
-    "clear_jest": "jest --clearCache"
+    "clear_jest": "jest --clearCache",
+    "icons": "node src/components/Icon/build/iconsScript.js"
   },
   "dependencies": {
     "@coreui/coreui": "next",
     "@coreui/icons": "0.3.0",
+    "raw-loader": "^1.0.0",
     "core-js": "^2.5.7",
     "element-resize-detector": "^1.2.0",
     "popper.js": "^1.14.7",

vue.config.js

@@ -1,17 +1,10 @@
-const inDefaultStylesScript = process.env.npm_lifecycle_script.includes('coreui-vue')
-
 module.exports = {
   configureWebpack:{
     performance: {
       hints: false
     }
   },
   css: {
-    extract: false,
-    loaderOptions: {
-      sass: {
-        data: inDefaultStylesScript ? `$defaultStyles: true;` : null
-      }
-    }
+    extract: false
   }
 }