StencilJS：是否可以将 stencil.config.ts 文件上的 "globalStyle" 从 node_module 设置为 css

Question

正在尝试为我的模板项目设置全局样式 css 文件。唯一的问题是我想要 link 的特定 css 文件在 node_module 中。我知道我可以为每个组件导入 css，但我希望将其设置为 globalStyle。

每当我出于某种原因尝试这样做时，它都会给我以下错误

“文件 {./node_modules/@styles/file.css}”无法加载。

Answer 1

您可以尝试使用 copy task 将该文件从 node_modules 带到您的 dist，并在 index.html

中引用该 css 文件

如果您正在使用 www 输出目标，复制任务配置可以如下所示

outputTargets: [
    {
      type: 'www',
      dir: 'public',
      copy: [
        { src: '../node_modules/@styles/file.css', dest: 'assets/css' }
      ]
    }
  ]

StencilJS：是否可以将 stencil.config.ts 文件上的 "globalStyle" 从 node_module 设置为 css

StencilJS : Is it possible to set "globalStyle" on the stencil.config.ts file to a css from a node_module

stenciljs

stencil-compiler