0

我的 Nuxt 项目没有从 nuxt.config.ts 获取 postcss-import 的配置：

build: {
    postcss: {
        plugins: {
            "postcss-import": {
                path: ["../assets/css", "../components/@css", "../components"]
            }
        }
    }
}

我收到类似的错误Error: Can't resolve 'style.css' in /projectroot/pages。

相同的配置postcss.config.js被正确拾取。为了测试，如果我将 postcss.config.js 更改为指向不存在的目录，则错误变为：Error: Failed to find 'style.css' in [list of configured directories].

我应该怎么做才能让这个从 nuxt.config.ts 工作？请注意，我使用的是 Typescript (nuxt-ts)。

4

2 回答 2

2

这就是我使用它的方式：

我像往常一样导入一个 css 文件并在build属性上添加 postcss 配置nuxt.config.js

  css: ['~/assets/css/tailwind.css'],
  build: {
    postcss: {
      plugins: {
        'postcss-import': true,
      }
    }
  }

来自 NuxtJS 文档

有了这个配置，我还可以<style lang="postcss">在 Vue 文件中使用标签。

于 2019-09-10T05:04:13.830 回答
0

我有一个名为 postcssrc.js 的文件

    "plugins": {
          "postcss-import": {},
          "postcss-url": {},
          // to edit target browsers: use "browserslist" field in package.json
          "autoprefixer": {}
          }

我删除了它并在文件 nuxt.config.js 中添加下一个代码：

        build: {
        postcss: {
          plugins: {
          "postcss-import": {},
          "postcss-url": {},
          // to edit target browsers: use "browserslist" field in package.json
          "autoprefixer": {}
          }
        }
      }

然后在 package.json 我运行脚本：

"build":"nuxt build"
于 2021-06-26T15:25:22.620 回答