@a8k/nunjucks-loader 中文文档教程

Question

@a8k/nunjucks-loader

原来的'nunjucks-html-loader'不支持相对搜索路径，webpack4有警告。 所以，我叉它

Usage

install

npm i -D @a8k/nunjucks-loader

webpack rules

const configureHtmlLoader = ({ mini, projectDir }) => {
  return {
    test: /\.(html|njk|nunjucks)$/,
    use: [
      {
        loader: resolve('html-loader'),
        options: {
          minimize: mini && env.NODE_ENV === PROD,
        },
      },
      {
        loader: resolve('@a8k/nunjucks-loader'),
        options: {
          // Other super important. This will be the base
          // directory in which webpack is going to find
          // the layout and any other file index.njk is calling.
          // default search path is current resource path
          searchPaths: ['./src', './src/pages', './src/assets'].map(i => path.join(projectDir, i)),
        },
      },
    ],
  };
};