小编myk*_*yke的帖子

Django/Webpack - 如何使用 webpack 开发服务器提供生成的 webpack 包

Django 的 'static' 标签使用 STATIC_URL 生成 url,结果类似于 '/static/myapp/js/bundle.js' 同时,webpack-dev-server 正在提供来自 url 'localhost:3000' 的包

我的问题是如何让 Django 'static' 模板标签为 js 包生成不同的 url(指向 webpack 开发服务器)。当然,我可以在模板中对其进行硬编码,但这不是一个好的解决方案。

下面是我的项目配置

webpack.config.js

const path = require('path')
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const BundleTracker = require('webpack-bundle-tracker')


module.exports = {
    mode: 'development',
    context: path.dirname(path.resolve(__dirname)),
    entry: {
        index: './typescript_src/index.ts',
    },
    output: {
        path: path.resolve('./myproject/assets/myapp/bundles/'),
        filename: "[name]-[hash].js"
    },
    resolve: {
        extensions: ['.ts', '.js' ]
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.ts$/,
                use: 'ts-loader', …
Run Code Online (Sandbox Code Playgroud)

javascript python django webpack webpack-dev-server

7
推荐指数
1
解决办法
4414
查看次数

标签 统计

django ×1

javascript ×1

python ×1

webpack ×1

webpack-dev-server ×1