Webpack HtmlWebpackPlugin - после преобразования babel 'Uncaught ReferenceError: require is notfined' - PullRequest
Новая
       6

Webpack HtmlWebpackPlugin - после преобразования babel 'Uncaught ReferenceError: require is notfined'

0 голосов
/ 30 октября 2018

Я использую веб-пакет для генерации html-файла, внутри этого файла мне нужен весь встроенный javascript.

Я использую приведенную ниже конфигурацию, которая генерирует HTML-документ для меня, но выдает ошибку

Uncaught ReferenceError: требование не определено

Глядя на код, он включает в себя некоторые обязательные строки. Мне нужно, чтобы весь код был включен в HTML и не ссылаться. кто-нибудь может помочь?

Если я удаляю строку «plugins»: [«@ babel / plugin-transform-runtime»], то это выдает другую ошибку «регенератор не работает», Гуглинг предложил добавить в строку плагина, но это затем вызвал эту другую проблему?

enter image description here

var path = require('path');
var fs = require("fs");
const HtmlWebpackPlugin = require('html-webpack-plugin');
const webpack = require('webpack');

module.exports = {
    context: __dirname,
    entry: './TestFile/index.js',
    output: {
        path: path.resolve(__dirname, 'TestFile')
    },
    plugins: [
        new HtmlWebpackPlugin({
            filename: 'TestFile.html',
            template: './TestFile/TestFileTemplate.html',
            inject: true,
            testFile: require("@babel/core").transformSync(fs.readFileSync('./TestFile/js/testFile.js', 'utf8'), {
                "presets": [
                    ["@babel/preset-env"]
                ],
                "plugins": ["@babel/plugin-transform-runtime"]
            }).code,
            minify: {
                html5: true,
                collapseWhitespace: true,
                minifyCSS: true,
                minifyJS: true,
                removeScriptTypeAttributes: true,
                removeStyleLinkTypeAttributese: true,
                useShortDoctype: true
            }
        })
    ]
};
...