Javascript 使用Webpack处理Dom

如何使用Webpack和纯Javascript操作DOM

我有以下错误：

Uncaught ReferenceError: register is not defined
    at HTMLButtonElement.onclick

My index.js只有：

function register() {
    alert('Hello')
}

---

我的测试场景：

<div class="form-group">
    <label for="matri">Matri</label>
    <input class="form-control col-12" type="text" placeholder="Enter your matri" id="matry">
</div>

<div class="text-left mt-5" style="width: 100%;">
   <button class="btn btn-primary" onclick="register()" type="button">Register</button>
</div>

---

不清楚你想要什么。但是，如果您的字面意思是只使用DOM，那么您应该简单地在js代码中编写所有Web API调用，例如index.js。例如，

document.querySelector（'body'）

等。我想调用索引中的函数。比如JS。但它会产生一个错误，我把它放在我的帖子的开头。我提出了一个问题！您在哪里定义了寄存器函数？并插入使用地籍的代码部分。请具体点。你的错误完全取决于上下文，所以请提供它，而不是强迫我们问你无休止的问题，恕我直言。

const webpack = require('webpack')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const UglifyJSPlugin = require('uglifyjs-webpack-plugin')
const path = require('path')

module.exports = {
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: 'babel-loader',

                options: {
                    presets: ['env']
                }
            },
            {
                test: /\.(scss|css)$/,

                use: [
                    {
                        loader: MiniCssExtractPlugin.loader
                    },
                    {
                        loader: 'css-loader',

                        options: {
                            sourceMap: true
                        }
                    },
                    {
                        loader: 'sass-loader',

                        options: {
                            sourceMap: true
                        }
                    }
                ]
            }
        ]
    },

    plugins: [
        new UglifyJSPlugin(),
        new MiniCssExtractPlugin({ filename: 'app.min.css', path: path.resolve(__dirname, 'dist') })
    ],

    entry: './src/index.js',

    output: {
        filename: './dist/bundle.js',
        path: path.resolve(__dirname, 'dist')
    },

    mode: 'production'
};