探索Webpack与jQuery的融合之美：webpack-jquery




const webpack = require('webpack');
const path = require('path');
 
module.exports = {
  entry: './src/js/app.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          'style-loader',
          'css-loader'
        ]
      }
    ]
  },
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery'
    })
  ]
};

这个配置文件定义了Webpack如何编译你的JavaScript代码以及如何处理CSS文件。它使用ProvidePlugin插件来全局地加载jQuery，这样你就可以在应用的任何部分直接使用$或jQuery变量。这是一个简化的例子，实际项目可能需要更多的配置细节。

探索Webpack与jQuery的融合之美：webpack-jquery

评论已关闭

推荐阅读