Question

我以“遗留方式”创建了一个小项目，我想整合webpack。该项目正在使用angularjs和bootstrap。

我不想修改我的代码库。我只捆绑了js文件。

module.exports = {
    entry: {
        app: './src/main.js',
        others: ['...', '...']
        vendor: [
            'jquery',
            'bootstrap',
            'angular',
            'angular-route'
        ]
    },
    output: {
       path: path.join(__dirname, 'dist'),
       filename: '[name].bundle.js'
    },
    plugins: [
        new webpack.ProvidePlugin({
            '$': 'jquery',
            'jQuery': 'jquery',
            'window.jQuery': 'jquery'
        })
]}

在index.html中，我只包含app.bundle.js，others.bundle.js和vendor.bundle.js。

构建工作正常。但是当然不会执行bootstrap js代码（因此navbar切换不能在小型设备上运行）。有没有办法让它与bootstrap一起工作？我是否需要/导入引导程序？

Answer 1

尝试查看here

你确定从你的引导程序引用一切都没问题 HTML文件？

我刚看到你写道你没有从你的html添加引导程序的引用。我认为这可能是问题

如何将webpack集成到遗留结构项目中？

1 个答案: