From 08190df375a1c7eeaa726cfa563091287fe8e0c3 Mon Sep 17 00:00:00 2001 From: Aslam Date: Sat, 17 Oct 2020 05:53:21 +0700 Subject: [PATCH 01/18] :fire: Update README --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 419cdea..11fec77 100644 --- a/README.md +++ b/README.md @@ -52,7 +52,7 @@ mix.vueCssModules({ oneOf: true }); #### Pre-Processors -CSS Modules can be used along with other pre-processors. for now only **SCSS** and by default pre-processor is enable. to disable it set `preProcessor` to `false` +CSS Modules can be used along with other pre-processors. default pre-processor is enable. to disable it set `preProcessor` to `false` ```js mix.vueCssModules({ preProcessor: false }); @@ -62,8 +62,8 @@ mix.vueCssModules({ preProcessor: false }); Default: -- use `'[path][name]__[local]` for development -- use `'[hash:base64]'` for production +- `'[path][name]__[local]` for development +- `'[hash:base64]'` for production ```js mix.vueCssModules({ From 40741a8723a11953cb861540606ae3e94b927a59 Mon Sep 17 00:00:00 2001 From: Aslam Date: Sat, 17 Oct 2020 06:00:39 +0700 Subject: [PATCH 02/18] :fire: remove console.log --- index.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/index.js b/index.js index ee5e4b2..858c5ed 100644 --- a/index.js +++ b/index.js @@ -37,8 +37,6 @@ class VueCssModules { }, options ); - - console.log(this.options); } /** From f66962b520c06db5693d4bbb5745135d92a9149b Mon Sep 17 00:00:00 2001 From: Aslam Date: Sat, 17 Oct 2020 06:06:04 +0700 Subject: [PATCH 03/18] :fire: Update version 2.1.0 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index e7a497e..eee8998 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "laravel-mix-vue-css-modules", - "version": "2.0.0", + "version": "2.1.0", "description": "A Laravel Mix extension for css modules support.", "main": "index.js", "scripts": { From ac4433bb46c828232c6719feabb05ce8967f749b Mon Sep 17 00:00:00 2001 From: Aslam Date: Sat, 17 Oct 2020 06:40:03 +0700 Subject: [PATCH 04/18] Create LICENSE --- LICENSE | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 LICENSE diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..999647d --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 Aslam H + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. From 57c5804446ed5690c83e39c14afbbbf1d802c6f3 Mon Sep 17 00:00:00 2001 From: Aslam Date: Tue, 20 Oct 2020 08:29:03 +0700 Subject: [PATCH 05/18] Update README.md --- README.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/README.md b/README.md index 11fec77..b338f69 100644 --- a/README.md +++ b/README.md @@ -8,6 +8,12 @@ Add support for css module laravel mix. npm i laravel-mix-vue-css-modules ``` +## Update v1 to v2 + +``` +npm install laravel-mix-vue-css-modules@latest +``` + ## Usage First, VueCssModules must be enabled. Your `webpack.mix.js` could look like this: From 6dbede8005686457aa43033039f934fa30badf92 Mon Sep 17 00:00:00 2001 From: Aslam Date: Tue, 20 Oct 2020 14:05:52 +0700 Subject: [PATCH 06/18] Update README.md --- README.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index b338f69..b12ccb5 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,8 @@ -# Laravel Mix Vue Css Modules +

+ Laravel Mix Vue Css Modules +
+ npm npm +

Add support for css module laravel mix. From f2ad62cd7764d9845560f9059b55f633e42b1a77 Mon Sep 17 00:00:00 2001 From: Aslam Date: Tue, 20 Oct 2020 14:07:16 +0700 Subject: [PATCH 07/18] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index b12ccb5..8ac1fff 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@

Laravel Mix Vue Css Modules
- npm npm + npm npm

Add support for css module laravel mix. From 16758c86166ef5803c0ce5b5a61521940e7374c6 Mon Sep 17 00:00:00 2001 From: Aslam Date: Wed, 21 Oct 2020 04:48:32 +0700 Subject: [PATCH 08/18] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 8ac1fff..3e553cb 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@

Laravel Mix Vue Css Modules
- npm npm + npm npm

Add support for css module laravel mix. From ded7350da0dba1b796a69ea3d985084a4870b3d5 Mon Sep 17 00:00:00 2001 From: Aslam Date: Thu, 22 Oct 2020 12:35:35 +0700 Subject: [PATCH 09/18] Update --- index.js | 7 ++++--- package.json | 3 ++- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/index.js b/index.js index 858c5ed..67c55a1 100644 --- a/index.js +++ b/index.js @@ -16,9 +16,10 @@ class VueCssModules { sourceMap: false, // {Boolean} importLoaders: 1, // {Number} // webpackDefault: 0 // laravel-mix default: 1 esModule: true, // {Boolean}, - localIdentName: options.cssLoaderOptions.localIdentName - ? options.cssLoaderOptions.localIdentName - : this.defaultLocalIdentName(options.localIdentNameType), // {String} + localIdentName: + options.cssLoaderOptions && options.cssLoaderOptions.localIdentName + ? options.cssLoaderOptions.localIdentName + : this.defaultLocalIdentName(options.localIdentNameType), // {String} }; const cssLoaderOptions = { diff --git a/package.json b/package.json index eee8998..33004f1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "laravel-mix-vue-css-modules", - "version": "2.1.0", + "version": "2.1.1", "description": "A Laravel Mix extension for css modules support.", "main": "index.js", "scripts": { @@ -13,6 +13,7 @@ "keywords": [ "laravel", "laravel-mix", + "css-modules", "mix", "webpack", "vue-css-modules", From 0e638e399640beb7fc1f1e0a18c3fe25fcb9370b Mon Sep 17 00:00:00 2001 From: Aslam Date: Fri, 23 Oct 2020 15:12:01 +0700 Subject: [PATCH 10/18] Update --- index.js | 2 ++ package.json | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/index.js b/index.js index 67c55a1..30e035c 100644 --- a/index.js +++ b/index.js @@ -178,6 +178,8 @@ class VueCssModules { loader: "css-loader", options: this.options.cssLoaderOptions, }, + postCssLoader, + sassLoader, ], }, { diff --git a/package.json b/package.json index 33004f1..78e7ad3 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "laravel-mix-vue-css-modules", - "version": "2.1.1", + "version": "2.1.2", "description": "A Laravel Mix extension for css modules support.", "main": "index.js", "scripts": { From e27aac8fcec3031e80c9ae60f8d73dc88068d0f1 Mon Sep 17 00:00:00 2001 From: Aslam Date: Wed, 28 Oct 2020 08:20:52 +0700 Subject: [PATCH 11/18] Forget to bring css-loader for handling except resourceModule --- index.js | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/index.js b/index.js index 30e035c..0ef818f 100644 --- a/index.js +++ b/index.js @@ -118,7 +118,7 @@ class VueCssModules { ], }, { - use: ["style-loader", postCssLoader], + use: ["style-loader", "css-loader", postCssLoader], }, ]; diff --git a/package.json b/package.json index 78e7ad3..5d843b2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "laravel-mix-vue-css-modules", - "version": "2.1.2", + "version": "2.1.3", "description": "A Laravel Mix extension for css modules support.", "main": "index.js", "scripts": { From 77f148511425d6042aae0e528ac03716f40fc4dc Mon Sep 17 00:00:00 2001 From: Aslam Date: Thu, 29 Oct 2020 12:57:44 +0700 Subject: [PATCH 12/18] Update Readme --- README.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 3e553cb..52f1366 100644 --- a/README.md +++ b/README.md @@ -12,11 +12,11 @@ Add support for css module laravel mix. npm i laravel-mix-vue-css-modules ``` -## Update v1 to v2 - -``` -npm install laravel-mix-vue-css-modules@latest -``` +### Support Matrix +|Laravel Mix Vue CSS Modules|Pre-Processor|Install command| +|---|---|---| +|v2|SCSS|`npm install laravel-mix-vue-css-modules@2`| +|[v3](https://github.com/Aslam97/laravel-mix-vue-css-modules/tree/v3)|SCSS, LESS, STYLUS|`npm install laravel-mix-vue-css-modules@3`| ## Usage @@ -72,8 +72,8 @@ mix.vueCssModules({ preProcessor: false }); Default: -- `'[path][name]__[local]` for development -- `'[hash:base64]'` for production +- `[path][name]__[local]` for development +- `[hash:base64]` for production ```js mix.vueCssModules({ From ca3bef2339f40821a8d8aec626a20d8b50a682dc Mon Sep 17 00:00:00 2001 From: Aslam Date: Thu, 29 Oct 2020 13:25:44 +0700 Subject: [PATCH 13/18] Update README.md --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index 52f1366..2dcf374 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,6 @@ Add support for css module laravel mix. npm i laravel-mix-vue-css-modules ``` -### Support Matrix |Laravel Mix Vue CSS Modules|Pre-Processor|Install command| |---|---|---| |v2|SCSS|`npm install laravel-mix-vue-css-modules@2`| From 9090dd6cf6fa009306a861403a66ddefe58e089f Mon Sep 17 00:00:00 2001 From: Aslam Date: Fri, 30 Oct 2020 17:00:51 +0700 Subject: [PATCH 14/18] Update README.md --- README.md | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 2dcf374..9a22973 100644 --- a/README.md +++ b/README.md @@ -12,10 +12,12 @@ Add support for css module laravel mix. npm i laravel-mix-vue-css-modules ``` -|Laravel Mix Vue CSS Modules|Pre-Processor|Install command| -|---|---|---| -|v2|SCSS|`npm install laravel-mix-vue-css-modules@2`| -|[v3](https://github.com/Aslam97/laravel-mix-vue-css-modules/tree/v3)|SCSS, LESS, STYLUS|`npm install laravel-mix-vue-css-modules@3`| +[Example](https://github.com/Aslam97/laravel-mix-vue-css-modules/tree/v3#example) + +|Laravel Mix|Laravel Mix Vue CSS Modules|Pre-Processor|Install command| +|---|---|---|---| +|v5|v2|SCSS|`npm install laravel-mix-vue-css-modules@2`| +|v5|[v3](https://github.com/Aslam97/laravel-mix-vue-css-modules/tree/v3)|SCSS, LESS, STYLUS|`npm install laravel-mix-vue-css-modules@3`| ## Usage From 4ffdb6821a2a38ed00641ee55c54f595acb6cbe2 Mon Sep 17 00:00:00 2001 From: Aslam Date: Sat, 26 Dec 2020 13:28:10 +0700 Subject: [PATCH 15/18] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 9a22973..5f55045 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ Add support for css module laravel mix. ## Installation ``` -npm i laravel-mix-vue-css-modules +npm i laravel-mix-vue-css-modules --save-dev ``` [Example](https://github.com/Aslam97/laravel-mix-vue-css-modules/tree/v3#example) From 7b861aef571f554e3a5e3d65c68f3db38c007a75 Mon Sep 17 00:00:00 2001 From: Aslam Date: Fri, 19 Feb 2021 08:18:38 +0700 Subject: [PATCH 16/18] Update README.md --- README.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/README.md b/README.md index 5f55045..04dfa54 100644 --- a/README.md +++ b/README.md @@ -12,6 +12,8 @@ Add support for css module laravel mix. npm i laravel-mix-vue-css-modules --save-dev ``` +## Recommended v3 + [Example](https://github.com/Aslam97/laravel-mix-vue-css-modules/tree/v3#example) |Laravel Mix|Laravel Mix Vue CSS Modules|Pre-Processor|Install command| From 4d2c718ea2683fc7c54ae60166ed0351ff23edbc Mon Sep 17 00:00:00 2001 From: "dependabot-preview[bot]" <27856297+dependabot-preview[bot]@users.noreply.github.com> Date: Thu, 29 Apr 2021 22:21:38 +0000 Subject: [PATCH 17/18] Upgrade to GitHub-native Dependabot --- .github/dependabot.yml | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 .github/dependabot.yml diff --git a/.github/dependabot.yml b/.github/dependabot.yml new file mode 100644 index 0000000..953aa45 --- /dev/null +++ b/.github/dependabot.yml @@ -0,0 +1,8 @@ +version: 2 +updates: +- package-ecosystem: npm + directory: "/" + schedule: + interval: daily + time: "22:00" + open-pull-requests-limit: 10 From b5c9eda31575b6a683aaace577e0c09882ce9021 Mon Sep 17 00:00:00 2001 From: Aslam Date: Mon, 7 Feb 2022 17:10:43 +0700 Subject: [PATCH 18/18] Update README.md --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index 04dfa54..e263745 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,6 @@ +

+ Working with vue & css module is USELESS at least for me, please don't use css module it's only wasting your time!. +

Laravel Mix Vue Css Modules