webpack -管理输出（即index.html文件）

步骤一，因为打包最终生成的bundle，可能有多个。所以通过如下方式管理输出的资源：

module.exports = {
    entry: {
        app: './src/index.js',
        print: './src/print.js'
    },
    output:{
        filename: '[name].bundle.js',
        path: path.resolve(__dirname,'dist')
    }
}

最终打包生成：app.bundle.js , print.bundle.js。为避免手动在index.html中引入这些包，重命名包等问题。我们引入插件 html-webpack-plugin，来自动生成index.html文件。会自动引入bundle.js。

 

步骤二，webpack 无法追踪到dist下哪些文件是实际在项目中用到的。所以每次打包之前会清空dist。通过clean-webpack-plugin插件(使用方法见npm官网)，webpack官网使用有出入。