Question

她是我的webpack.config.js，我收到此错误

element.loader.split不是函数

我在搜索到答案之后也将装载程序更改为装载程序，但它仍然无法正常工作

    const postcssPlugins = [
  require('postcss-cssnext')(),
  require('postcss-modules-values')
];

const scssLoader = [
  { loader: 'style-loader' },
  { loader: 'css-loader' },
  { loader: 'sass-loader' }
];

const postcssLoader = [
  { loader: 'style-loader' },
  { loader: 'css-loader', options: { modules: true } },
  { loader: 'postcss-loader', options: { plugins: () => [...postcssPlugins] } }
];

var path = require('path');

var config = {
   entry: './todoApp.js',

   output: {
      path:'./',
      filename: 'index.js',
   },

   devServer: {
      inline: true,
      port: 9191
   },

   module: {

      loaders: [
         {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'babel',

            query: {
               presets: ['es2015', 'react']
            }
         },
           {
             test: /\.(scss|sass)$/,
             loader: scssLoader,
             include: [__dirname]
           },
           { test: /\.css$/,
             loader: postcssLoader,
             include: [__dirname]
           }
      ]
   }
}

module.exports = config;

我无法找到错误的位置请指导！

Answer 1

尝试通过加载器更改加载器：

   {
     test: /\.(scss|sass)$/,
     loaders: scssLoader,
     include: [__dirname]
   },
   { test: /\.css$/,
     loaders: postcssLoader,
     include: [__dirname]
   }

element.loader.split不是webpack中的函数

1 个答案: