@pisell/build-plugin-lowcode 1.0.9 → 1.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/build-plugin-lowcode",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "build plugin for component-to-lowcode",
   "main": "src/index.js",
   "keywords": [
@@ -39,10 +39,12 @@
     "html-webpack-plugin": "^3.2.0",
     "is-wsl": "^2.2.0",
     "lodash": "^4.17.21",
+    "postcss-loader": "^4.3.0",
+    "postcss-add-root-selector": "^1.0.5",
     "rpx-loader": "^1.0.1",
     "style-loader": "^2.0.0",
-    "webpack": "^4.46.0",
-    "url-loader": "^4.1.1"
+    "url-loader": "^4.1.1",
+    "webpack": "^4.46.0"
   },
   "devDependencies": {
     "np": "^7.7.0"

package/src/constants.js

@@ -12,7 +12,7 @@ const COMMON_EXTERNALS = {
   '@alilc/lowcode-engine': 'var window.AliLowCodeEngine',
   '@ali/lowcode-rax-renderer': 'var window.alilcLowcodeRaxRenderer',
   rax: 'var window.Rax',
-  // antd: 'var window.antd',
+  antd: 'var window.antd',
   '@alifd/lowcode-preset-plugin': 'var window.PluginLowcodeEditor',
   'monaco-editor/esm/vs/editor/editor.api': 'var window.monaco',
   'monaco-editor/esm/vs/editor/editor.main.js': 'var window.monaco',

package/src/index.js

@@ -185,6 +185,74 @@ function useStyleLoader(config) {
   lessModuleRule.use('style-loader').loader('style-loader').before('css-loader');
 }
 
+const addPostCss = (config) => {
+  config.module
+      .rule('less') // 定义一个名为 '
+      .use('postcss-loader') // 使用 'postcss-loader'
+      .before('less-loader')
+      .loader('postcss-loader')
+      .options({
+        postcssOptions: {
+          plugins: [
+            [
+              'postcss-preset-env',
+              {
+                rootSelector: '#root',
+                stage: 3,
+                browsers: [
+                  'last 2 versions',
+                  'Firefox ESR',
+                  '> 1%',
+                  'ie >= 9',
+                  'iOS >= 8',
+                  'Android >= 4',
+                ],
+              },
+            ],
+            [
+              require('postcss-add-root-selector')({
+                rootSelector: '#root',
+              })
+            ]
+          ],
+        },
+      })
+      .end();
+
+  config.module
+      .rule('less-module') // 定义一个名为 '
+      .use('postcss-loader') // 使用 'postcss-loader'
+      .before('less-loader')
+      .loader('postcss-loader')
+      .options({
+        postcssOptions: {
+          plugins: [
+            [
+              'postcss-preset-env',
+              {
+                rootSelector: '#root',
+                stage: 3,
+                browsers: [
+                  'last 2 versions',
+                  'Firefox ESR',
+                  '> 1%',
+                  'ie >= 9',
+                  'iOS >= 8',
+                  'Android >= 4',
+                ],
+              },
+            ],
+            [
+              require('postcss-add-root-selector')({
+                rootSelector: '#root',
+              })
+            ]
+          ],
+        },
+      })
+      .end();
+}
+
 async function registerSetter(context, setterMap) {
   return Promise.all(Object.values(setterMap).map((setter) => installModule(context, setter)));
 }
@@ -514,6 +582,7 @@ async function start(options, pluginOptions) {
 
     config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').end().use('url-loader').loader('url-loader').end();
 
+    addPostCss(config);
     if (baseLibrary === 'rax') {
       config.module.rule('scss').use('rpx-loader').loader('rpx-loader').before('css-loader');
     }
@@ -723,6 +792,7 @@ async function bundleMetaV2(options, pluginOptions, execCompile, metaType) {
 
     config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').end().use('url-loader').loader('url-loader').end();
 
+    addPostCss(config);
   });
   return metaPath;
 }
@@ -934,6 +1004,8 @@ async function bundleEditorView(
 
     config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').end().use('url-loader').loader('url-loader').end();
 
+    addPostCss(config);
+
     if (baseLibrary === 'rax') {
       const scssRule = config.module.rule('scss');
       scssRule.use('rpx-loader').loader('rpx-loader').before('css-loader');
@@ -1022,6 +1094,8 @@ async function bundleRenderView(options, pluginOptions, platform, execCompile) {
 
     config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').end().use('url-loader').loader('url-loader').end();
 
+    addPostCss(config);
+
     if (baseLibrary === 'rax') {
       const scssRule = config.module.rule('scss');
       scssRule.use('rpx-loader').loader('rpx-loader').before('css-loader');
@@ -1305,6 +1379,7 @@ async function bundleComponentMeta(webPackConfig, options, pluginOptions, execCo
 
         config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').end().use('url-loader').loader('url-loader').end();
 
+        addPostCss(config);
       });
     })(component, idx);
   });