Question

我正在使用vue-cli 3为npm创建一个lib。除了在JavaScript中包含css之外，一切似乎都可以，但lib无法像Nuxt一样在服务器端渲染中工作。一直说文件没有合理的理由。

所以，我的问题是如何使用嵌入式CSS为SSR做好准备？

我当前正在使用

vue-cli-service build --target lib --name myLibName *.js

我的Vue配置文件

module.exports = {
    css: {
        extract: false,
    },
    configureWebpack: {
        output: {
            libraryTarget: 'umd',
        },
    },
};

我尝试使用libraryExport：如vue-cli文档中所述为默认设置，但没有运气。

最后，是的，如果我将CSS提取到文件中，则SSR可以正常运行。

Answer 1

显然，没有任何方法可以在具有SSR支持的CSS中进行构建。我也最终意识到这不是理想的。大多数大型库使用单独的CSS。

我的最终解决方案是像这样建立vue-cli-service以将代码构建为一个库。

vue-cli-service build --target lib --name myLibName *.js

并且无需更改配置文件中的任何内容。除非您需要特殊的东西，否则所有操作都是开箱即用的。

干杯。

vue-cli建立一个lib SSR-CSS问题

1 个答案: