nuxt.config.js에서 pug-loader에 options 전달

3299 단어 pugnuxt.jsvue-loader

하고 싶었던 일


  • Nuxt.js에서 pug에 option basedir을 전달하고 싶었습니다.
  • API Reference – Pug


  • 유효했던 쓰기


    {
      build: {
        extend (config) {
          config.module.rules.forEach((rule)=> {
            if(rule.loader === 'vue-loader') {
              // vue-loaderのrule.options.templateから渡せる
              rule.options.template.basedir= path.resolve('templates')
            }
          })
        }
      }
    }
    

    쓸모 없었던 쓰기


    {
      build: {
        extend (config) {
          // こう書いても動かない
          config.module.rules.push({
            test: /\.(pug)$/,
            loader: 'pug-loader',
            options: {
              basedir: path.resolve('templates')
            }
          })
        }
      }
    }
    

    좋은 웹페이지 즐겨찾기