@pisell/build-plugin-lowcode 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/build-plugin-lowcode",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "build plugin for component-to-lowcode",
   "main": "src/index.js",
   "keywords": [
@@ -28,6 +28,7 @@
     "@alilc/lowcode-react-renderer": "^1.0.1",
     "@alilc/lowcode-types": "^1.0.1",
     "@alilc/lowcode-utils": "^1.0.1",
+    "@svgr/webpack": "^8.0.1",
     "axios": "^0.21.4",
     "build-scripts-config": "^3.0.3",
     "chokidar": "^3.5.3",

package/src/index.js

@@ -507,6 +507,7 @@ async function start(options, pluginOptions) {
     }
     config.externals({ ...COMMON_EXTERNALS_MAP[engineScope], ...externals });
     !disableStyleLoader && useStyleLoader(config);
+    config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').before('css-loader');
     if (baseLibrary === 'rax') {
       config.module.rule('scss').use('rpx-loader').loader('rpx-loader').before('css-loader');
     }
@@ -710,6 +711,7 @@ async function bundleMetaV2(options, pluginOptions, execCompile, metaType) {
     config.output.path(path.resolve(rootDir, `${buildTarget}/${lowcodeDir}`));
     config.externals({ ...COMMON_EXTERNALS_MAP[engineScope], ...externals });
     useStyleLoader(config);
+    config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').before('css-loader');
   });
   return metaPath;
 }
@@ -915,6 +917,7 @@ async function bundleEditorView(
     config.output.library(library).libraryTarget('umd');
     config.output.path(path.resolve(rootDir, `${buildTarget}/${lowcodeDir}`));
     config.externals({ ...COMMON_EXTERNALS_MAP[engineScope], ...externals });
+    config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').before('css-loader');
     if (baseLibrary === 'rax') {
       const scssRule = config.module.rule('scss');
       scssRule.use('rpx-loader').loader('rpx-loader').before('css-loader');
@@ -997,6 +1000,7 @@ async function bundleRenderView(options, pluginOptions, platform, execCompile) {
     config.output.library(library).libraryTarget('umd');
     config.output.path(path.resolve(rootDir, `${buildTarget}/${lowcodeDir}/render/${platform}`));
     config.externals({ ...COMMON_EXTERNALS_MAP[engineScope], ...externals });
+    config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').before('css-loader');
     if (baseLibrary === 'rax') {
       const scssRule = config.module.rule('scss');
       scssRule.use('rpx-loader').loader('rpx-loader').before('css-loader');
@@ -1274,6 +1278,7 @@ async function bundleComponentMeta(webPackConfig, options, pluginOptions, execCo
         config.output.path(path.resolve(rootDir, `${buildTarget}/${lowcodeDir}`));
         config.externals({ ...COMMON_EXTERNALS_MAP[engineScope], ...externals });
         useStyleLoader(config);
+        config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').before('css-loader');
       });
     })(component, idx);
   });

package/src/public/designer.html

@@ -56,8 +56,7 @@
       React.PropTypes = PropTypes;
     </script>
     <script src="https://g.alicdn.com/platform/c/??react15-polyfill/0.0.1/dist/index.js,lodash/4.6.1/lodash.min.js,immutable/3.7.6/dist/immutable.min.js,natty-storage/2.0.2/dist/natty-storage.min.js,natty-fetch/2.6.0/dist/natty-fetch.pc.min.js,tinymce/4.2.5/tinymce-full.js"></script>
-    <!-- antd 5使用dayjs 这里去除moment 使用dayjs -->
-    <!--<script src="https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"></script>-->
+    <script src="https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"></script>
     <script src="https://g.alicdn.com/code/lib/dayjs/1.11.7/dayjs.min.js"></script>
     <script src="https://g.alicdn.com/code/lib/alifd__next/1.23.20/next-with-locales.min.js"></script>
     <script crossorigin="anonymous" src="<%= engineCoreJsUrl %>"></script>

package/src/public/index.html

@@ -59,8 +59,7 @@
       React.PropTypes = PropTypes;
     </script>
     <script src="https://g.alicdn.com/platform/c/??react15-polyfill/0.0.1/dist/index.js,lodash/4.6.1/lodash.min.js,immutable/3.7.6/dist/immutable.min.js,natty-storage/2.0.2/dist/natty-storage.min.js,natty-fetch/2.6.0/dist/natty-fetch.pc.min.js,tinymce/4.2.5/tinymce-full.js"></script>
-    <!-- antd 5使用dayjs 这里去除moment 使用dayjs -->
-    <!--<script src="https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"></script>-->
+    <script src="https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"></script>
     <script src="https://g.alicdn.com/code/lib/dayjs/1.11.7/dayjs.min.js"></script>
     <script src="https://g.alicdn.com/code/lib/alifd__next/1.23.20/next-with-locales.min.js"></script>
     <% if (typeof antdJsUrl === 'string') { %>

package/src/public/preview.html

@@ -31,8 +31,7 @@
       React.PropTypes = PropTypes;
     </script>
     <script src="https://g.alicdn.com/platform/c/??react15-polyfill/0.0.1/dist/index.js,lodash/4.6.1/lodash.min.js,immutable/3.7.6/dist/immutable.min.js,natty-storage/2.0.2/dist/natty-storage.min.js,natty-fetch/2.6.0/dist/natty-fetch.pc.min.js,tinymce/4.2.5/tinymce-full.js"></script>
-    <!-- antd 5使用dayjs 这里去除moment 使用dayjs -->
-    <!--<script src="https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"></script>-->
+    <script src="https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"></script>
     <script src="https://g.alicdn.com/code/lib/dayjs/1.11.7/dayjs.min.js"></script>
 
     <script src="https://g.alicdn.com/code/lib/alifd__next/1.23.20/next-with-locales.min.js"></script>

package/src/templates/index.jsx

@@ -16,6 +16,12 @@ const isNewEngineVersion = !!material;
 const devMode = !!{{{ devMode }}};
 const baseLibrary = '{{{baseLibrary}}}';
 const basePackages = [
+  {
+    package: 'moment',
+    version: '2.24.0',
+    urls: ['https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js'],
+    library: 'moment',
+  },
   {
     package: 'dayjs',
     version: '1.11.7',