Nuxt &

Question

我有一个基本的Nuxt应用程序，它在Chrome和其他浏览器中工作得很好，但在臭名昭著的IE，甚至IE 11中没有。

我已经发现，虽然代码被转移了，但是有些JavaScript并没有工作。

但最重要的是，我的SCSS不是“转换”的--我的意思是，我期待的是一个css前缀或者某种兼容性的东西。

例如：

&__stats {
    display: grid;

    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);

    grid-gap: 10px;
    margin-bottom: 4rem;
    padding: 2rem;
}

转换为此(在浏览器控制台中)：

&__stats {
display: grid;

grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, auto);

grid-gap: 10px;
margin-bottom: 64px;
margin-bottom: 4rem;
padding: 32px;
padding: 2rem;
}

我在我的nuxt配置文件中尝试了很多东西.似乎什么都起不到作用。

Answer 1

Basic:在您的项目中安装自动重定位器和postcss，以添加所有必需的前缀。

资料来源:来源：https://cmty.app/nuxt/nuxt.js/issues/c3

我理解的解决方案:在nuxt.config.js中添加适当的位置并更新nuxt，使其大于v0.6.7：

module.exports = {
  build: {
    postcss: [
      require('postcss-nested')(),
      require('postcss-responsive-type')(),
      require('postcss-hexrgba')(),
    ]
  }

在webpack/nuxt配置文件中添加某些内容时是否出错？