alibabacloud-alfa icon indicating copy to clipboard operation
alibabacloud-alfa copied to clipboard

关于样式隔离的问题

Open royIdoodle opened this issue 5 years ago • 2 comments

原本样式隔离是通过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这个源码在哪里?我想了解一下

royIdoodle avatar Dec 03 '20 06:12 royIdoodle

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

Boelroy avatar Dec 03 '20 08:12 Boelroy

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

好,我有空改一下这里。

royIdoodle avatar Dec 03 '20 09:12 royIdoodle