Vue CLI 3 с использованием индексного мопса для генерации шаблона мопса - PullRequest
Новая
       32

Vue CLI 3 с использованием индексного мопса для генерации шаблона мопса

0 голосов
/ 16 января 2019

Я использую Vue CLI 3 со встроенным Webpack, и я пытаюсь использовать index.pug в качестве шаблона индекса источника вместо HTML по умолчанию. Я хочу вывести файл index.pug в результате процесса webpack для дальнейшего заполнения сервером Node динамическими данными.

Вот мой vue.config.js: 

'use strict'
const path = require('path')
const webpack = require('webpack')
const HtmlWebpackPlugin = require('html-webpack-plugin')

const resolve = (dir) => {
  return path.join(__dirname, '.', dir)
}

module.exports = {
  outputDir: path.resolve(__dirname, 'server/app'),
  baseUrl: process.env.ENV === 'production' ? process.env.VUE_APP_CDN_URL + 'app/' : '/',
  configureWebpack: {
    context: path.resolve(__dirname, './'),
    entry: {
      app: './client/main.js'
    },
    resolve: {
      extensions: ['.js', '.vue', '.json'],
      alias: {
        'vue$': 'vue/dist/vue.esm.js',
        '@': resolve('client')
      }
    },
    plugins: [
      new HtmlWebpackPlugin({
        template: './public/index.pug',
        inject: true
      }),
    ]
  },
  chainWebpack: config => {
    config.module
      .rule('pug')
      .test(/\.pug$/)
      .use('pug-loader')
        .loader('pug-loader')
  }
}

К сожалению, выше не удается с: 

Error: Child compilation failed:
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.

Некоторые мысли и предположения:

  • configureWebpack, кажется, настроен правильно (https://cli.vuejs.org/guide/webpack.html#chaining-advanced)
  • HtmlWebpackPlugin , возможно, не является плагином для использования, поскольку его целью является создание HTML-файла в качестве вывода, но я даже не могу получить его для успешного завершения

К сожалению, по этой теме в Интернете не так много документации, так что надеемся на помощь здесь. Спасибо.

1 Ответ

0 голосов
/ 17 января 2019

Вероятно, это не прямой ответ, но нам пришлось добавить сгенерированные скрипты в JSP. Альтернативой является использование ManifestPlugin , создание списка сгенерированных ресурсов для каждого файла ввода и добавление их в index.pug.

У меня есть открытая проблема, но вы можете использовать их функцию generate , чтобы найти способы обрезать активы так, как вы предпочитаете.

...