@pisell/build-plugin-lowcode 1.0.10 → 1.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +5 -3
  2. package/src/index.js +75 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/build-plugin-lowcode",
3
- "version": "1.0.10",
3
+ "version": "1.0.11",
4
4
  "description": "build plugin for component-to-lowcode",
5
5
  "main": "src/index.js",
6
6
  "keywords": [
@@ -39,10 +39,12 @@
39
39
  "html-webpack-plugin": "^3.2.0",
40
40
  "is-wsl": "^2.2.0",
41
41
  "lodash": "^4.17.21",
42
+ "postcss-loader": "^4.3.0",
43
+ "postcss-add-root-selector": "^1.0.5",
42
44
  "rpx-loader": "^1.0.1",
43
45
  "style-loader": "^2.0.0",
44
- "webpack": "^4.46.0",
45
- "url-loader": "^4.1.1"
46
+ "url-loader": "^4.1.1",
47
+ "webpack": "^4.46.0"
46
48
  },
47
49
  "devDependencies": {
48
50
  "np": "^7.7.0"
package/src/index.js CHANGED
@@ -185,6 +185,74 @@ function useStyleLoader(config) {
185
185
  lessModuleRule.use('style-loader').loader('style-loader').before('css-loader');
186
186
  }
187
187
 
188
+ const addPostCss = (config) => {
189
+ config.module
190
+ .rule('less') // 定义一个名为 '
191
+ .use('postcss-loader') // 使用 'postcss-loader'
192
+ .before('less-loader')
193
+ .loader('postcss-loader')
194
+ .options({
195
+ postcssOptions: {
196
+ plugins: [
197
+ [
198
+ 'postcss-preset-env',
199
+ {
200
+ rootSelector: '#root',
201
+ stage: 3,
202
+ browsers: [
203
+ 'last 2 versions',
204
+ 'Firefox ESR',
205
+ '> 1%',
206
+ 'ie >= 9',
207
+ 'iOS >= 8',
208
+ 'Android >= 4',
209
+ ],
210
+ },
211
+ ],
212
+ [
213
+ require('postcss-add-root-selector')({
214
+ rootSelector: '#root',
215
+ })
216
+ ]
217
+ ],
218
+ },
219
+ })
220
+ .end();
221
+
222
+ config.module
223
+ .rule('less-module') // 定义一个名为 '
224
+ .use('postcss-loader') // 使用 'postcss-loader'
225
+ .before('less-loader')
226
+ .loader('postcss-loader')
227
+ .options({
228
+ postcssOptions: {
229
+ plugins: [
230
+ [
231
+ 'postcss-preset-env',
232
+ {
233
+ rootSelector: '#root',
234
+ stage: 3,
235
+ browsers: [
236
+ 'last 2 versions',
237
+ 'Firefox ESR',
238
+ '> 1%',
239
+ 'ie >= 9',
240
+ 'iOS >= 8',
241
+ 'Android >= 4',
242
+ ],
243
+ },
244
+ ],
245
+ [
246
+ require('postcss-add-root-selector')({
247
+ rootSelector: '#root',
248
+ })
249
+ ]
250
+ ],
251
+ },
252
+ })
253
+ .end();
254
+ }
255
+
188
256
  async function registerSetter(context, setterMap) {
189
257
  return Promise.all(Object.values(setterMap).map((setter) => installModule(context, setter)));
190
258
  }
@@ -514,6 +582,7 @@ async function start(options, pluginOptions) {
514
582
 
515
583
  config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').end().use('url-loader').loader('url-loader').end();
516
584
 
585
+ addPostCss(config);
517
586
  if (baseLibrary === 'rax') {
518
587
  config.module.rule('scss').use('rpx-loader').loader('rpx-loader').before('css-loader');
519
588
  }
@@ -723,6 +792,7 @@ async function bundleMetaV2(options, pluginOptions, execCompile, metaType) {
723
792
 
724
793
  config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').end().use('url-loader').loader('url-loader').end();
725
794
 
795
+ addPostCss(config);
726
796
  });
727
797
  return metaPath;
728
798
  }
@@ -934,6 +1004,8 @@ async function bundleEditorView(
934
1004
 
935
1005
  config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').end().use('url-loader').loader('url-loader').end();
936
1006
 
1007
+ addPostCss(config);
1008
+
937
1009
  if (baseLibrary === 'rax') {
938
1010
  const scssRule = config.module.rule('scss');
939
1011
  scssRule.use('rpx-loader').loader('rpx-loader').before('css-loader');
@@ -1022,6 +1094,8 @@ async function bundleRenderView(options, pluginOptions, platform, execCompile) {
1022
1094
 
1023
1095
  config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').end().use('url-loader').loader('url-loader').end();
1024
1096
 
1097
+ addPostCss(config);
1098
+
1025
1099
  if (baseLibrary === 'rax') {
1026
1100
  const scssRule = config.module.rule('scss');
1027
1101
  scssRule.use('rpx-loader').loader('rpx-loader').before('css-loader');
@@ -1305,6 +1379,7 @@ async function bundleComponentMeta(webPackConfig, options, pluginOptions, execCo
1305
1379
 
1306
1380
  config.module.rule('svg').test(/\.svg$/).use('svgr').loader('@svgr/webpack').end().use('url-loader').loader('url-loader').end();
1307
1381
 
1382
+ addPostCss(config);
1308
1383
  });
1309
1384
  })(component, idx);
1310
1385
  });