Webpack：找不到模塊：錯誤：無法解析“應用程序”

Question

我正在嘗試將項目從RequireJS遷移到webpack 。 我已經設置了大多數東西，但是當我嘗試運行webpack ，出現以下錯誤：

Module not found: Error: Can't resolve 'app' in './app/scripts/views/public-views.js'."

我的代碼如下。

public-views.js：

define([
        'app',
        'backbone.syphon',
    ], function(App) {

'use strict';

var Public = {};

Public.Home = Backbone.View.extend({
    template: 'public/home',
    initialize: function() {

        //this.model.destroy();
        this.render;
    },

webpack.config.js

const path = require('path');
const webpack = require('webpack');

module.exports = {
    target: 'web',
    mode: 'development',

    entry: {
        appScript: './app/scripts/app.js',
        public: './app/scripts/views/public-views.js'
    },

    output: {
        filename: '[name].js',
        path: path.resolve(__dirname, './app/dist')
    },

    resolve: {
        modules: [
            "node_modules",
            path.resolve(__dirname, 'node_modules')
        ],
        alias: {
            'handlebars': '../../node_modules/handlebars/dist/handlebars'
        },
        extensions: ['.js']
    },

    plugins: [
        new webpack.ProvidePlugin({
            _: 'underscore'
        })
    ],

    module: {
        rules: [
            {
                test: /\.handlebars$/,
                exclude:/(node_modules)/,
                loader:"handlebars-loader"
            }
        ]
    }
};

據我所知， app不是NPM中的模塊...所以我認為它是指app.js文件。 我可能會缺少什么？

Answer 1

我能夠解決這個問題-似乎我需要在handlebars之后包括“ app”作為alias 。

這是我使用的：

'app': path.resolve(__dirname, 'app') + '/scripts/app.js',