webpack入口出口配置詳解

如果output沒有配置filename，輸出的檔案名就為main.js，這個main是entry裡的配置 

entry: {
    main: './src/index.js'
},
output: {
    // filename: 'bundle.js', // 打封包件的檔案名
    path: path.resolve(__dirname, 'dist') //  __dirname指webpack.config.js檔案的目前路徑
}      

entry: {
    main: './src/index.js',
    sub: './src/sub.js'
},
output: {
    filename: '[name].js', // 打封包件的檔案名
    path: path.resolve(__dirname, 'dist') //  __dirname指webpack.config.js檔案的目前路徑
}      

// <script src="http://localhost:8080//main.js"></script> index.html中的引入
output: {
    publicPath: 'http://localhost:8080//', // 給輸出檔案在index.html加入字首
    filename: '[name].js', // 打封包件的檔案名
    path: path.resolve(__dirname, 'dist') //  __dirname指webpack.config.js檔案的目前路徑
}