Invalid configuration object.

今天做plugin扩展时,报了个错误,很疑惑,看到最后才发现是因为太菜,

module.exports = {
    entry:./src/index.js,
    output:{
        path:path.resolve(__dirname,dist),
        filename:bundle.js,
        publicPath:dist/,//查找图片,
    },
    module:{
        rules: [
            {
              test: /.css$/i,
            //   css-loader只负责加载,
              use: ["style-loader", "css-loader"],
            },
            {
              test: /.less$/i,
              loader: [
                // compiles Less to CSS
                style-loader,
                css-loader,
                less-loader,
              ],
            },
            {
              test: /.(png|jpg|gif|jpeg)$/i,
              use: [
                {
                  loader: url-loader,
                  options: {
                    // 当图片小于limit时,加载图片时会自动编译成base64字符串形式
                    // 当大于limit时,需要使用file-loader模块进行加载
                    limit: 1200,
                    name: img/[name].[hash:8].[ext]
                    //当图片经过webpack打包后,在dist文件中形成一个有hash函数命名的图片,为了方便以后维护,重新命名 
                  },                                   
                },
              ],
            },
            {
              test: /.(png|jpe?g|gif)$/i,
              use: [
                {
                  loader: file-loader,
                },
              ],
            },
            {
              test: /.vue$/,
              use:[vue-loader],
            },
          ],
    },
    resolve:{
      //alias:别名
      alias:{
        vue$:vue/dist/vue.esm.js
      }
    },
    plugins:[
      new webpack.BannerPlugin(最终解释权归吉哥所有)
    ]
}

其实就是plugin少了个s,奇奇怪怪的

经验分享 程序员 微信小程序 职场和发展