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/' }
}
นี่อาจแก้ปัญหาการโหลดได้
