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文件的当前路径
}

打包两个入口文件，会输出main.js与sub.js两个文件

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

在index.html给输出的文件加上前缀

// <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文件的当前路径
}