i

config/index.ts

@@ -1,101 +1,105 @@
-import Components from 'unplugin-vue-components/webpack';
-import NutUIResolver from '@nutui/nutui-taro/dist/resolver';
+// @ts-nocheck
+import Components from 'unplugin-vue-components/webpack'
+import NutUIResolver from '@nutui/nutui-taro/dist/resolver'
+import { join } from 'node:path'
 
 const config = {
-  projectName: 'taroApp',
-  date: '2023-8-13',
-  designWidth (input: { file: string; }) {
-    if (input?.file?.replace(/\\+/g, '/').indexOf('@nutui') > -1) {
-      return 375
-    }
-    return 750
-  },
-  deviceRatio: {
-    640: 2.34 / 2,
-    750: 1,
-    828: 1.81 / 2,
-    375: 2
-  },
-  sourceRoot: 'src',
-  outputRoot: 'dist',
-  plugins: ['@tarojs/plugin-html'],
-  defineConstants: {
-  },
-  copy: {
-    patterns: [
-    ],
-    options: {
-    }
-  },
-  framework: 'vue3',
-  compiler: {
-    type: 'webpack5',
-    prebundle: { enable: false }
-  }, 
-  cache: {
-    enable: false // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
-  },
-  sass:{
-    data: `@import "@nutui/nutui-taro/dist/styles/variables.scss";`
-  },
-  mini: {
-    webpackChain(chain) {
-      chain.plugin('unplugin-vue-components').use(Components({
-        resolvers: [NutUIResolver({taro: true})]
-      }))
+    projectName: 'taroApp',
+    date: '2023-8-13',
+    designWidth(input: { file: string; }) {
+        if (input?.file?.replace(/\\+/g, '/').indexOf('@nutui') > -1) {
+            return 375
+        }
+        return 750
     },
-    postcss: {
-      pxtransform: {
-        enable: true,
-        config: {
-          // selectorBlackList: ['nut-']
-        }
-      },
-      url: {
-        enable: true,
-        config: {
-          limit: 1024 // 设定转换尺寸上限
-        }
-      },
-      cssModules: {
-        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
-        config: {
-          namingPattern: 'module', // 转换模式，取值为 global/module
-          generateScopedName: '[name]__[local]___[hash:base64:5]'
-        }
-      }
-    }
-  },
-  h5: {
-    webpackChain(chain) {
-      chain.plugin('unplugin-vue-components').use(Components({
-        resolvers: [NutUIResolver({taro: true})]
-      }))
+    deviceRatio: {
+        640: 2.34 / 2,
+        750: 1,
+        828: 1.81 / 2,
+        375: 2
     },
-    publicPath: '/',
-    staticDirectory: 'static',
-    esnextModules: ['nutui-taro', 'icons-vue-taro'],
-    postcss: {
-      autoprefixer: {
-        enable: true,
-        config: {
-
+    sourceRoot: 'src',
+    outputRoot: 'dist',
+    plugins: ['@tarojs/plugin-html'],
+    defineConstants: {},
+    copy: {
+        patterns: [],
+        options: {}
+    },
+    framework: 'vue3',
+    compiler: {
+        type: 'webpack5',
+        prebundle: {enable: false}
+    },
+    cache: {
+        enable: false // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
+    },
+    sass: {
+        data: `@import "@nutui/nutui-taro/dist/styles/variables.scss";`
+    },
+    alias: {
+        '@': join(__dirname, '..', 'src')
+    },
+    mini: {
+        webpackChain(chain) {
+            chain.plugin('unplugin-vue-components').use(Components({
+                resolvers: [NutUIResolver({taro: true})]
+            }))
+        },
+        miniCssExtractPluginOption: {
+            //忽略css文件引入顺序
+            ignoreOrder: true
+        },
+        postcss: {
+            pxtransform: {
+                enable: true,
+                config: {
+                    // selectorBlackList: ['nut-']
+                }
+            },
+            url: {
+                enable: true,
+                config: {
+                    limit: 1024 // 设定转换尺寸上限
+                }
+            },
+            cssModules: {
+                enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+                config: {
+                    namingPattern: 'module', // 转换模式，取值为 global/module
+                    generateScopedName: '[name]__[local]___[hash:base64:5]'
+                }
+            }
         }
-      },
-      cssModules: {
-        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
-        config: {
-          namingPattern: 'module', // 转换模式，取值为 global/module
-          generateScopedName: '[name]__[local]___[hash:base64:5]'
+    },
+    h5: {
+        webpackChain(chain) {
+            chain.plugin('unplugin-vue-components').use(Components({
+                resolvers: [NutUIResolver({taro: true})]
+            }))
+        },
+        publicPath: '/',
+        staticDirectory: 'static',
+        esnextModules: ['nutui-taro', 'icons-vue-taro'],
+        postcss: {
+            autoprefixer: {
+                enable: true,
+                config: {}
+            },
+            cssModules: {
+                enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+                config: {
+                    namingPattern: 'module', // 转换模式，取值为 global/module
+                    generateScopedName: '[name]__[local]___[hash:base64:5]'
+                }
+            }
         }
-      }
     }
-  }
 }
 
 module.exports = function (merge) {
-  if (process.env.NODE_ENV === 'development') {
-    return merge({}, config, require('./dev'))
-  }
-  return merge({}, config, require('./prod'))
+    if (process.env.NODE_ENV === 'development') {
+        return merge({}, config, require('./dev'))
+    }
+    return merge({}, config, require('./prod'))
 }