webpack打包忽略jquery文件

可以使用webpack的externals配置来忽略jquery文件的打包。

在webpack配置文件中添加如下代码：

module.exports = {
  // ...
  externals: {
    jquery: 'jQuery'
  }
};

这样，webpack在打包时就会忽略jquery文件，而使用全局变量jQuery。需要在html文件中手动引入jquery文件。

相关问题

webpack打包忽略文件

在webpack中，可以通过配置`exclude`或`include`选项来忽略或包含特定的文件或目录。`exclude`用于排除不需要被处理的文件或目录，而`include`则用于指定需要被处理的文件或目录。

例如，如果要忽略node_modules目录下的文件，可以在webpack配置文件中添加如下代码：

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,  // 忽略node_modules目录下的文件
        use: 'babel-loader'
      }
    ]
  }
  // ...
}

这样，在打包时，webpack就会忽略node_modules目录下的文件，不会对其进行处理。

webpack打包成一个文件

将webpack打包成一个文件，可以使用webpack的命令行参数`--output`或`-o`指定输出文件的路径和名称。例如，以下命令将打包后的文件输出到dist目录下的bundle.js文件中：

webpack --output-filename=bundle.js --output-path=./dist

或者，可以在webpack配置文件中设置`output`属性：

const path = require('path');

module.exports = {
  // ...
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  }
};

然后，在项目根目录中运行以下命令即可打包：

webpack

这将使用默认的webpack配置文件`webpack.config.js`进行打包。如果使用不同的配置文件，则可以在命令行中指定：

webpack --config webpack.prod.config.js