fix(mini-runner): 修复小程序编译时样式中引用静态资源转换为 base64

NervJS · Dec 26, 2019 · 6dcade6 · 6dcade6
1 parent b60782f
commit 6dcade6
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/packages/taro-mini-runner/package.json b/packages/taro-mini-runner/package.json
@@ -59,6 +59,7 @@
     "ora": "^3.4.0",
     "postcss-loader": "^3.0.0",
     "postcss-pxtransform": "2.0.0-beta.4",
+    "postcss-url": "^8.0.0",
     "request": "^2.88.0",
     "resolve": "^1.11.1",
     "sass-loader": "^7.1.0",

diff --git a/packages/taro-mini-runner/src/webpack/postcss.conf.ts b/packages/taro-mini-runner/src/webpack/postcss.conf.ts
@@ -2,6 +2,7 @@ import * as path from 'path'
 
 import * as autoprefixer from 'autoprefixer'
 import * as pxtransform from 'postcss-pxtransform'
+import * as url from 'postcss-url'
 import { sync as resolveSync } from 'resolve'
 import { IPostcssOption } from '@tarojs/taro/types/compile'
 
@@ -24,6 +25,14 @@ const defaultPxtransformOption: {
   }
 }
 
+const defaultUrlOption = {
+  enable: true,
+  config: {
+    limit: 1000,
+    url: 'inline'
+  }
+}
+
 const optionsWithDefaults = ['autoprefixer', 'pxtransform', 'cssModules', 'url']
 
 const plugins = [] as any[]
@@ -45,14 +54,17 @@ export const getPostcssPlugins = function (appPath: string, {
 
   const autoprefixerOption = recursiveMerge({}, defaultAutoprefixerOption, postcssOption.autoprefixer)
   const pxtransformOption = recursiveMerge({}, defaultPxtransformOption, postcssOption.pxtransform)
-
+  const urlOption = recursiveMerge({}, defaultUrlOption, postcssOption.url)
   if (autoprefixerOption.enable) {
     plugins.push(autoprefixer(autoprefixerOption.config))
   }
 
   if (pxtransformOption.enable && !isQuickapp) {
     plugins.push(pxtransform(pxtransformOption.config))
   }
+  if (urlOption.enable) {
+    plugins.push(url(urlOption.config))
+  }
 
   Object.entries(postcssOption).forEach(([pluginName, pluginOption]) => {
     if (optionsWithDefaults.indexOf(pluginName) > -1) return