webpack中的神器 webpack-glob-entries

发表于   |   分类于

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

为什么要用它

  • 先来看看下面的代码
1
2
3
4
5
6
7
8
9
entry: {
        pageA: "./pageA",
        pageB: "./pageB",
        pageC: "./pageC",
        adminPageA: "./adminPageA",
        adminPageB: "./adminPageB",
        adminPageC: "./adminPageC",
        ……
    },
  • 这样的缺点

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

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

神器就这样诞生了

怎么用

1
var glob_entries = require('webpack-glob-entries');
1
entry: glob_entries('/src/scripts/*.js')

完工

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