2017-07-16 46 views
1

她是我的webpack.config.js,我得到这个错误element.loader.split不在的WebPack功能

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; 

我无法找到错误所在 请指导!

+0

请你可以分享你的package.json。可能是很好的知道webpack版本 –

+0

嗨何塞它的1.13.3 –

回答

1

尝试通过加载器来改变装载机:

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

没有它事实上导致另一个错误,无法读取属性取代未定义 –

+0

应该是装载机,也许你有多个错误...检查官员文档https://webpack.js.org/concepts/loaders/ –

+0

因为您使用的是webpack 1.xx,请使用以下文档:http://webpack.github.io/docs/using-loaders.html#what- are-loaders ...在一行中写入装载器,而不是作为对象:{test:/\.png$/,loader:“url-loader?mimetype = image/png”} –