ค้นหาเว็บไซต์

reactjs - Webpack ทุกอย่างโหลดได้ยกเว้น worker


ฉันพยายามใช้ webpack เพื่อรวมโปรเจ็กต์ react ของฉัน โมดูลทั้งหมดและทุกอย่างโหลดได้อย่างสมบูรณ์หลังจากที่ฉันกำหนดตัวแปร webpack_public_path ทุกอย่างยกเว้น worker

const path = require('path');
const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');

module.exports = {
    mode: "production",

    resolve: {
        extensions: ["*", ".ts", ".tsx", ".js", ".mjs", ".css", ".ttf"]
    },

    module: {
        rules: [
            {
                test: /\.worker\.js$/,
                use: {
                    loader: 'worker-loader',
                    options: {inline: true}
                },
            },
            {
                test: /\.mjs$/,
                include: /node_modules/,
                type: 'javascript/auto'
            },
            {
                test: /\.css$/i,
                use: ['style-loader', 'css-loader'],
            },
            {
                test: /\.ttf$/,
                use: ['file-loader']
            },
            {
                test: /\.ts(x?)$/,
                exclude: /node_modules/,
                use: [
                    {
                        loader: "ts-loader"
                    }
                ]
            }
        ]
    },
    plugins: [
        new MonacoWebpackPlugin({
            languages: ['markdown'],
        })
    ],
    entry: './src/index.tsx',
    output: {
        path: path.resolve(__dirname, 'assets'),
        filename: 'graphqlschemaeditor.js'
    }
};

นี่คือไฟล์ webpack.config.js ของฉัน

มีใครพอจะรู้ไหมว่าฉันทำอะไรผิด? ขอบคุณมาก

คำตอบ #1

คุณเคยพยายามระบุ publicPath โดยตรงหรือไม่?

เช่น

{
  loader: 'worker-loader',
  options: { publicPath: '/workers/' }
}

นี่อาจแก้ปัญหาการโหลดได้