直接配置webpack

boi的构建功能是基于webpack v1实现的，boi.specAPI将webpack的配置进行简化和映射，最终解释为webpack的配置。

boi.specAPI提供的可配置项比较有限，对于非常复杂的需求显得捉襟见肘。这种情形下，你可以直接对webpack进行配置。

boi.specAPI对JavaScript、Style、Html和Image四种资源暴露出可直接配置webpack的选项。以JavaScript为例，请看如下配置：

boi.spec('js',{
  webpackConfig: {
    preLoader: null,
    preLoaders: [],
    loader: null,
    loaders: [],
    postLoader: null,
    postLoaders: [],
    plugins: [],
    noParse: [],
    extras: {}
  }
});

以上代码是四种资源类型支持的全部webpack可配置项，其中：

• preLoader/preLoaders、loader/loaders、postLoader/postLoaders和noParse对应webpack的module配置的同名配置项。详情请参照webpack官方文档；
• plugins直接映射为webpack的plugins配置项，参考官方文档；
• extras比较特殊，它自身并不会映射为webpack的同名配置项，extras的内容会作为webpack的配置项。比如：

boi.spec('js',{
  loader: {
    test: /\.vue$/,
    loader: 'vue'
  },
  extras: {
    vue: {
      autoprefixer: false
    }
  }
})

上述代码映射为webpack配置为：

module: {
  loaders: [{
    test: /\.vue$/,
    loader: 'vue'
  }]
},
vue: {
  autoprefixer: false
}

extras选项可以配置除entry、output和module以外的所有webpack配置项。