zoukankan      html  css  js  c++  java
  • webpack报错no postcss config...

    终端里运行的错误:

    查了好多资料,最后找到解决办法,改为:

    const webpack = require('webpack');
    // const autoprefixer = require('autoprefixer');
    // const values = require('postcss-modules-values');
    module.exports = {
      devtool: 'eval-source-map',
    
      entry:  __dirname + "/app/main.js",
      output: {
        path: __dirname + "/public",
        filename: "bundle.js"
      },
    
      module: {//在配置文件里添加JSON loader
        loaders: [
          {
            test: /.json$/,
            loader: "json-loader"
          },
          {
            test: /.js$/,
            exclude:/node_modules/,
            loader:'babel-loader',
            query:{
                presets:['es2015','react']
            }
          },
          {
            test:/.css$/,
            use:[
              {
                  loader: 'style-loader',
              },
              {
                  loader: 'css-loader',
                  options: {
                      importLoaders: 1,
                  }
              },
              {
                loader:"postcss-loader",
                options: {           // 如果没有options这个选项将会报错 No PostCSS Config found
                    plugins: (loader) => [
                        require('autoprefixer')(), //CSS浏览器兼容
                    ]
                }
              }
            ]
            // loader:'style-loader!css-loader?modules!postcss-loader'
          }
        ]
      },
    
      plugins: [
        new webpack.LoaderOptionsPlugin({
            options:{
              // postcss: function () {
              //   return [
              //     require("autoprefixer")({
              //         browsers: ['last 10 Chrome versions', 'last 5 Firefox versions', 'Safari >= 6', 'ie > 8']
              //     })
              //   ]
              // },
              // plugins: (loader) => [
              //     require('autoprefixer')(), //CSS浏览器兼容
              // ],
              devServer: {
                contentBase: "./public",
                colors: true,
                historyApiFallback: true,
                inline: true
              }
            }
        })
      ]
    }

    但是,这里?modules不起作用了,后面再看看怎么书写

    找到解决办法了

              {
                  loader: 'css-loader',
                  options: {
                      importLoaders: 1,
               modules:true } },
    把modules加在这里,妥妥的执行
  • 相关阅读:
    机器学习与深度学习资料
    JVM调优实战
    Spark on Yarn下JVM的OOM问题及解决方式
    Centos环境下部署游戏服务器-简介
    新华网,要厚道
    物联网操作系统在运营商领域推广的理论分析
    Android基础之Activity launchMode详解
    《高效程序员的修炼》读后感
    Java科普之算法剖析
    Java科普之基础知识回顾
  • 原文地址:https://www.cnblogs.com/wang715100018066/p/7049981.html
Copyright © 2011-2022 走看看