webpack中的神器 webpack-glob-entries

[Hancoson]

今天来介绍一个webpack中的神器级的插件 webpack-glob-entries

为什么要用它

• 先来看看下面的代码

entry: {
        pageA: "./pageA",
        pageB: "./pageB",
        pageC: "./pageC",
        adminPageA: "./adminPageA",
        adminPageB: "./adminPageB",
        adminPageC: "./adminPageC",
        ……
    },

• 这样的缺点

当项目很庞大的时候，入口文件 entry 方法中将引入很多的 js 页面就像上面一样，很难管理，而且每次新增一个 js 文件，都要去 webpack 中添加一条入口记录

遇到这种情况，你想想怎么办？是不是就想让 webpack 自动去检测 js 文件，而不是手动的添加

神器就这样诞生了

怎么用

var glob_entries = require('webpack-glob-entries');

entry: glob_entries('/src/scripts/*.js')

完工

妈妈再也不用担心我使用webpack打包了