Webpack依赖插件

时间:2018-03-23 22:38:51

标签: javascript jquery webpack sammy.js

我正在尝试在webpack上添加sammyjs作为插件。但是sammyjs依赖于jquery,jquery也存在于插件中。

这是代码

const webpack = require('webpack')
const jquery = require('jquery')
const Sammy = require('sammy')
const {resolve} = require('path')

    const webpackConfig = {

        entry: "./src/js/bootstrap.js",
        output: {
            path: resolve("dist"),
            filename: "bundle.js",
            publicPath: '/dist/'
        },
        plugins: [
            new webpack.ProvidePlugin({
                $: 'jquery',
                jQuery: 'jquery',
                'window.jQuery': 'jquery',
                Sammy: 'Sammy'
            })
        ],
        module: {
            rules: [
                {
                    test: /\.js$/,
                    exclude: /node_modules/,
                    use: {
                        loader: "babel-loader"
                    }
                }
            ]
        },
        resolve: {
            alias: {
                graph: resolve(__dirname, 'src/modules/graph'),
            }
        },
    };

    module.exports = webpackConfig;

但建立它。 Sammyjs一直在询问jQuery变量:

enter image description here

我不想只是在页面中导入它,因为它感觉就像捆绑变得越来越大。

如果我做得对,请告诉我。或者还有其他方法可以获得干净且更小的捆绑。

0 个答案:

没有答案