【问题标题】:postcss lost grid support webpack2?postcss 丢失网格支持 webpack2?
【发布时间】:2026-01-21 06:50:01
【问题描述】:

我遇到了“丢失网格”的问题,由于某种原因我无法在 webpack2 上运行它,有人成功了吗?

使用"webpack": "^2.2.1","lost": "^8.0.0","postcss": "^5.2.16",

     {
        test: /\.css$/,
        use: [
          {
            loader: 'style-loader',
          },
          {
            loader: 'css-loader',
            options: {
              importLoaders: 1,
              // modules: true,
              // localIdentName: '[folder]--[local]--[hash:base64:2]',
            }
          },
          {
            loader: 'postcss-loader',
            options: {
              plugins: () => [
                require('autoprefixer')({
                  browsers: [
                    '>1%',
                    'last 4 versions',
                    'Firefox ESR',
                    'not ie < 9', // React doesn't support IE8 anyway
                  ],
                }),
                require('lost'),
              ],
            },
          },
        ],
      },

我什至确实提到过创建 react app webpack 配置。

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/config/webpack.config.dev.js

【问题讨论】:

    标签: webpack webpack-2 postcss


    【解决方案1】:

    我在同一条船上。我刚刚解决了这个问题。正在运行的项目托管在https://github.com/hhimanshu/iamlost
    有两件事要做
    - npm run eject 能够看到 webpack 配置。确保签入存储库中的文件。
    - 然后按照https://github.com/hhimanshu/iamlost/commit/7efe3803a14623ac7dd343fd5330d2d0effdd7cd中的描述添加一行

    希望对您有所帮助。您需要在两个 webpack 文件中进行更改 - dev 和 prod

    【讨论】: