build: external dependencies except style modules

mirages · Mar 21, 2021 · 42c69b5 · 42c69b5
1 parent 9d4e461
commit 42c69b5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/.eslintrc.yml b/.eslintrc.yml
@@ -2,6 +2,7 @@ env:
   browser: true
   es2021: true
   jest: true
+  node: true
 extends:
   - 'eslint:recommended'
   - 'plugin:@typescript-eslint/recommended'

diff --git a/components/vue/babel.config.js b/components/vue/babel.config.js
@@ -5,8 +5,8 @@ const presets = [
   [
     '@babel/preset-typescript',
     {
-      isTsx: true,
-      allExtentions: true
+      isTSX: true,
+      allExtensions: true
     }
   ]
 ]

diff --git a/components/vue/scripts/build.js b/components/vue/scripts/build.js
@@ -1,3 +1,4 @@
+/* eslint-disable */
 const { rollup } = require('rollup')
 const fs = require('fs')
 const path = require('path')
@@ -32,12 +33,13 @@ const build = async () => {
             extensions: ['.css', '.less'],
             autoModules: false, // 关闭自动 css module，使用自定义的 css module
             modules: {
-              generateScopedName: '[local]__[contenthash:base64:8]'
+              generateScopedName: '[local]__[contenthash:base64:8]',
+              localsConvention: 'dashes'
             },
             extract: path.resolve(distDir, 'index.css')
           })
         ],
-        external: ['vue']
+        external: id => !/\.(css|less)$/.test(id)
       })
 
       await bundle.write({