build: 支持引入图片

remaxjs · Aug 11, 2019 · 0260605 · 0260605
1 parent f34ac2e
commit 0260605
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 1 deletion.
diff --git a/packages/remax-cli/package.json b/packages/remax-cli/package.json
@@ -40,6 +40,7 @@
     "rollup-plugin-postcss": "^2.0.3",
     "rollup-plugin-progress": "^1.1.1",
     "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-url": "^2.2.2",
     "scheduler": "0.13.6",
     "yargs": "^13.2.4"
   },

diff --git a/packages/remax-cli/src/build/rollupConfig.ts b/packages/remax-cli/src/build/rollupConfig.ts
@@ -3,6 +3,7 @@ import path from 'path';
 import resolve from 'rollup-plugin-node-resolve';
 import commonjs from 'rollup-plugin-commonjs';
 import babel from 'rollup-plugin-babel';
+import url from 'rollup-plugin-url';
 import json from 'rollup-plugin-json';
 import postcss from 'rollup-plugin-postcss';
 import progress from 'rollup-plugin-progress';
@@ -66,6 +67,11 @@ export default function rollupConfig(
       ],
       '@': path.resolve(options.cwd, 'src'),
     }),
+    url({
+      limit: 0,
+      publicPath: '/',
+      include: ['**/*.svg', '**/*.png', '**/*.jpg', '**/*.jpeg', '**/*.gif'],
+    }),
     commonjs({
       include: /node_modules/,
       namedExports: {
@@ -129,9 +135,17 @@ export default function rollupConfig(
 
         input = input
           .replace(/^demo\/src\//, '')
+          // stlye
           .replace(/\.less$/, '.less.js')
+          // typescript
           .replace(/\.ts$/, '.js')
-          .replace(/\.tsx$/, '.js');
+          .replace(/\.tsx$/, '.js')
+          // image
+          .replace(/\.png$/, 'png.js')
+          .replace(/\.gif$/, 'gif.js')
+          .replace(/\.svg$/, 'svg.js')
+          .replace(/\.jpeg$/, 'jpeg.js')
+          .replace(/\.jpg$/, 'jpg.js');
 
         // 不启用 css module 的 css 文件以及 app.css
         if (

diff --git a/packages/remax-cli/typings/index.d.ts b/packages/remax-cli/typings/index.d.ts
@@ -5,6 +5,7 @@ declare module 'rollup-plugin-node-resolve';
 declare module 'rollup-plugin-progress';
 declare module 'rollup-plugin-clear';
 declare module 'rollup-plugin-alias';
+declare module 'rollup-plugin-url';
 declare module 'rollup-plugin-typescript';
 declare module 'postcss-px2units';
 declare module '@babel/helper-module-imports';

diff --git a/packages/remax-cli/yarn.lock b/packages/remax-cli/yarn.lock
@@ -4078,6 +4078,11 @@ mime@^1.4.1:
   resolved "https://registry.npm.taobao.org/mime/download/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
   integrity sha1-Ms2eXGRVO9WNGaVor0Uqz/BJgbE=
 
+mime@^2.4.4:
+  version "2.4.4"
+  resolved "https://registry.yarnpkg.com/mime/-/mime-2.4.4.tgz#bd7b91135fc6b01cde3e9bae33d659b63d8857e5"
+  integrity sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==
+
 mimic-fn@^2.0.0:
   version "2.1.0"
   resolved "https://registry.npm.taobao.org/mimic-fn/download/mimic-fn-2.1.0.tgz?cache=0&sync_timestamp=1560442058146&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmimic-fn%2Fdownload%2Fmimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
@@ -4135,6 +4140,11 @@ [email protected], mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.1:
   dependencies:
     minimist "0.0.8"
 
+mkpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/mkpath/-/mkpath-1.0.0.tgz#ebb3a977e7af1c683ae6fda12b545a6ba6c5853d"
+  integrity sha1-67Opd+evHGg65v2hK1Raa6bFhT0=
+
 [email protected]:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/ms/download/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -5738,6 +5748,15 @@ rollup-plugin-replace@^2.2.0:
     magic-string "^0.25.2"
     rollup-pluginutils "^2.6.0"
 
+rollup-plugin-url@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/rollup-plugin-url/-/rollup-plugin-url-2.2.2.tgz#7623d479be360dd4003742a14eb56add2fdd5b5a"
+  integrity sha512-89cE0yr0UnDZgMfI8aWrBthnOS2ldARAxeF9rRvagQr5Pqrqob74PMNEodlCMdAU+LdykU7dbTEutVKWVhhORA==
+  dependencies:
+    mime "^2.4.4"
+    mkpath "^1.0.0"
+    rollup-pluginutils "^2.8.1"
+
 rollup-pluginutils@^2.0.1, rollup-pluginutils@^2.5.0, rollup-pluginutils@^2.6.0, rollup-pluginutils@^2.8.1:
   version "2.8.1"
   resolved "https://registry.npm.taobao.org/rollup-pluginutils/download/rollup-pluginutils-2.8.1.tgz#8fa6dd0697344938ef26c2c09d2488ce9e33ce97"