如何在Django中使用vue开发模式

我不知道如何用Django运行开发模式。我正在运行webpack，当我完成所有Vuejs工作时，我将所有内容打包到一个文件夹中，Django将其作为静态文件使用。我知道我必须用模式开发运行webpack，但这不起作用，它给了我一个找不到的错误。 我想在开发模式下与Django一起运行Vuejs，我该怎么做？ 我将向您分享我的项目结构、我的package.json和webpack配置

const path = require('path');
const VueLoaderPlugin = require('vue-loader/lib/plugin');

module.exports = {
    entry: './frontend/Vue/main.js',
    output: {
        filename: 'build.js',
        path: path.resolve(__dirname, './static/js'),
        publicPath: '/static/js'
    },
    module: {
        rules: [
            {
                test: /\.(js)$/,
                exclude: /(node_modules)/,
                use: [
                    { loader: 'babel-loader' }
                ]
            },
            {
                test: /\.(css|scss)/,
                use: [
                    'style-loader'
                ]
            },
            {
                test: /\.vue$/,
                exclude: /node_modules/,
                loader: 'vue-loader'
            }
        ]
    },
    devServer: {
        // contentBase: ponerle la ruta del index de django
        contentBase: path.join(__dirname, 'templates'),
        watchContentBase: true,
        historyApiFallback: true,
        noInfo: true
      },
    plugins: [
        new VueLoaderPlugin()
    ]
}

package.json

{
“名称”：“TuDistributuidora”，
“版本”：“1.0.0”，
“说明”：“，
“main”：“index.js”，
“脚本”：{
“测试”：“echo\”错误：未指定测试\“&退出1”，
“dev”：“webpack dev server--模式开发--端口9000--打开”，
“生成”：“网页包--进度”
},
“存储库”：{
“类型”：“git”，
“url”：“git”+https://github.com/EmiBuffet/TuDistribuidora.git"
},
“关键词”：[]，
“作者”：“作者”，
“许可证”：“ISC”，
“臭虫”：{
“url”：”https://github.com/EmiBuffet/TuDistribuidora/issues"
},
“主页”：https://github.com/EmiBuffet/TuDistribuidora#readme",
“依赖项”：{
“vue”：“^2.6.11”，
“vue路由器”：“^3.4.5”，
“vuex”：“^3.5.1”
},
“依赖性”：{
“@babel/core”：“^7.11.1”，
“巴别塔加载器”：“^8.1.0”，
“babel-preset-es2015”：“^6.24.1”，
“节点sass”：“^4.14.1”，
“sass加载程序”：“^9.0.3”，
“样式加载器”：“^1.2.1”，
“vue加载程序”：“^15.9.3”，
“vue样式加载程序”：“^4.1.2”，
“vue模板编译器”：“^2.6.11”，
“网页包”：“^4.44.1”，
“webpack cli”：“^3.3.12”，
“网页包开发服务器”：“^3.11.0”，
“bulma”：“^0.9.1”
}
}

项目结构：

在Django项目中使用webpack bundle tracker，并在webpack构建中结合使用，将提供在生产/开发Vue构建之间快速切换所需的连接。捆绑包信息将由webpack记录到

webpack stats.json

中，然后Django将使用该文件为给定视图获取/加载正确的捆绑包

我有一本书

---

好黑客

更多关于您收到的错误消息的详细信息将会有用Django webpack loader现在有点过时了。