我正在尝试在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变量:
我不想只是在页面中导入它,因为它感觉就像捆绑变得越来越大。
如果我做得对,请告诉我。或者还有其他方法可以获得干净且更小的捆绑。