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

Question

我正在使用 vue-cli 3 为 npm 创建一个库。除了当将 css 包含到 JavaScript 中时，一切似乎都没有问题，该库在服务器端渲染中无法像 Nuxt 那样工作。它一直说文档没有合理定义。

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

我目前正在使用

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

还有我的 vue 配置文件

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

我尝试使用 libraryExport: default，如 vue-cli 文档中所述，但没有成功。

最后，是的，如果我将 CSS 提取到一个文件中，一切都按预期使用 SSR。

Answer 1

显然无法在 CSS 中构建 SSR 支持。我也最终意识到这并不理想。大多数大型图书馆使用单独的 CSS.

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

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

并且无需更改配置文件中的任何内容。这一切都是开箱即用的，除非你想要一些特别的东西。

干杯。

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

vue-cli build a lib SSR - CSS issue

webpack

vue.js

server-side-rendering

webpack-4