Django webpack Loader / webpack5 / vue3 не может рендерить main.js в production
Я пытаюсь развернуть свое простое приложение с Django 3
бэкендом и Vue 3
фронтендом. Я использую webpack-loader
и webpack5
, но я не могу получить main.js
файл, созданный в vue3
с помощью webpack
.
в Django
настройках
CORS_ORIGIN_ALLOW_ALL = False
CORS_ORIGIN_WHITELIST = ("http://localhost:8080",)
WEBPACK_LOADER = {
'DEFAULT': {
'CACHE': not DEBUG,
'BUNDLE_DIR_NAME': 'dist/', # must end with slash
'STATS_FILE': '/home/ytsejam/public_html/medtourism/medtourism/frontend/webpack-stats.json',
'POLL_INTERVAL': 0.1,
'TIMEOUT': None,
'IGNORE': [r'.+\.hot-update.js', r'.+\.map'],
'LOADER_CLASS': 'webpack_loader.loader.WebpackLoader',
}
}
в webpack.config.json
:
module.exports = (env = {}) => {
return {
mode: 'production',
devtool: 'source-map',
entry: path.resolve(__dirname, './src/main.ts'),
output: {
path: path.resolve(__dirname, './dist/'),
filename: "main.js",
clean: true
},
module: {
rules: [
...
]
},
resolve: {
...
},
plugins: [
new VueLoaderPlugin(),
new BundleTracker({
filename: './webpack-stats.json',
publicPath: 'http://localhost:8080/'
}),
new HtmlWebpackPlugin({
title: 'Production',
}),
],
devServer: {
headers: {
"Access-Control-Allow-Origin":"\*"
},
hot: true,
https: true,
client: {
overlay: true,
},
}
};
}
В инструментах разработчика ответ на запрос выглядит так:
Request URL: http://localhost:8080/main.js
Referrer Policy: no-referrer-when-downgrade
Я прочитал все документы, не смог найти решение. вы можете мне помочь?
Спасибо