webpack打包

项目打包

默认情况打包

Npx webpack index.js

默认情况下会将index.js进行打包并生成一个main.js，放置于dist目录下

会用webpack将index.js文件进行编译，编译过后，项目中会多出一个dist目录并在其中生成一个main.js文件，main.js便是浏览器可以执行的代码，此时再将html文件内引入的index.js文件替换为main.js文件就可以了，而这个main.js文件就成为了程序的入口。（每一次改动index.js都要使用npx进行一次编译，类似于更新）

配置webpack.config.js打包

webpack.config.js使用了commonJS模块

const path = require（‘path’）；
module.exports = {
     entry:'./index.js';
     output:{
          filename:'bundle.js'
          path:path.resolve(_dirname,'bundle')
     }                 
}

以XXXX文件为配置文件进行打包

npx webpack --config XXXX.js