README.zh-cn.md

function-pre-run-loader

根据webpack配置中的函数名，查找指定的函数。用此函数的执行结果替换掉该函数。

Read this in other languages: English

Install

npm install --save-dev function-pre-run-loader

Usage

在webpack配置中添加类似下面的配置：

module: {
  rules: [
      {
        test: /routes\.js$/,
        loader: 'function-pre-run-loader',
        query: {
          functionArray: [
            {
              functionName: 'dynamicImportPage',
              functionArgs: ['comPath'],
              functionBody: "return `r => require.ensure([], () => r(require('${comPath}')), '${comPath.replace(new RegExp('.*\/page\/|\.vue', 'g'), '').replace(new RegExp('\/', 'g'), '-').toLocaleLowerCase()}')`"
            }
          ],
        }
      },
  ]
}

如果你在项目上面的例子配置，function-pre-run-loader 会帮你把以 routes.js 为结尾文件中的 dynamicImportPage('components/page/base/user.vue') 转化为 r => require.ensure([], () => r(require('components/page/base/user.vue')), 'base-user') 这样会减少你的书写量而且让 chunkName 的命名更加规范。