webpack.config.js webpack配置

webpack打包后的文件默认存在 dist文件夹下的main.js里

这个可以自己设置～

webpack.config.js

const path = require('path')
module.exports = {
  // 入口文件 ---> 把哪个js文件进行打包
  entry: './js/index.js',
  // 出口 filename为输出文件名， path为输出位置  bundle文件夹下的bundle.js
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'bundle')
  }
}

进行打包：不用后面接打包文件的名称～

npx webpack

打包结果：

名称一定要叫： webpack.config.js 不然找不到