关于样式隔离的问题

royIdoodle commented 3 years ago

原本样式隔离是通过postcss在所有样式前追加作用域——pluginOptions.consoleOs.id。但是当Vue子应用在cli的配置中指定了outputDir时，会导致这个选择的作用加不上。需要追加一个属性cssBuildDir才能解决。这是属于bug，还是使用不当？

我这边看到的是@alicloud/console-toolkit-plugin-os插件读取css路径的位置有问题。

                    postcss_prefix_wrapper_1.wrapCss(options.cssBuildDir || config.output.get('path'), options.cssPrefix || options.id, {
                        ext: '.os.css',
                        disableOsCssExtends: options.disableOsCssExtends,
                    });

@alicloud/console-toolkit-plugin-os这个源码在哪里？我想了解一下

Boelroy commented 3 years ago

https://github.com/aliyun/alibabacloud-alfa/blob/master/packages/vue/vue-cli-plugin-os/index.js#L24 这里可能需要适配一下 cli 的参数

royIdoodle commented 3 years ago

https://github.com/aliyun/alibabacloud-alfa/blob/master/packages/vue/vue-cli-plugin-os/index.js#L24 这里可能需要适配一下 cli 的参数

好，我有空改一下这里。

aliyun / alibabacloud-alfa

关于样式隔离的问题 #49