diff --git a/packages/fes-plugin-windicss/src/index.js b/packages/fes-plugin-windicss/src/index.js
index 702a36bf..27054df9 100644
--- a/packages/fes-plugin-windicss/src/index.js
+++ b/packages/fes-plugin-windicss/src/index.js
@@ -14,7 +14,7 @@ export default (api) => {
     api.addEntryImportsAhead(() => [{ source: 'windi.css' }]);
 
     api.chainWebpack((memo) => {
-        memo.plugin('windicss').before('vue-loader-plugin').use(WindiCSSWebpackPlugin, [
+        memo.plugin('windicss').use(WindiCSSWebpackPlugin, [
             {
                 config: resolve(__dirname, '../windi.config.js'),
                 ...api.config.windicss
diff --git a/packages/fes-plugin-windicss/windi.config.js b/packages/fes-plugin-windicss/windi.config.js
index 84363184..7436c3ab 100644
--- a/packages/fes-plugin-windicss/windi.config.js
+++ b/packages/fes-plugin-windicss/windi.config.js
@@ -1,7 +1,7 @@
 export default {
     extract: {
         // A common use case is scanning files from the root directory
-        include: ['**/*.{vue,jsx,tsx}'],
+        include: ['**/*.{vue,jsx,js,ts,tsx}'],
         // if you are excluding files, make sure you always include node_modules and .git
         exclude: ['node_modules', '.git', 'dist']
     }