webpack.config.js====output出口文件的配置

更多内容已经迁移至掘金,欢迎来指导学习:

https://juejin.im/post/5d64a0bf518825470b3443f2

output: {
        filename: './js/[name].[hash:8].js',
        /*
        * filename:在使用webpack-dev-server模式时,如果要使用hash,是不可以使用chunkhash的,建议直接使用hash,必须是相对路径
        * path:输出路径必须是绝对路径, dist输出文件目录
        * publicPath:如果要设置热更新,必须要添加publicPath
        * */
        path: path.resolve(__dirname, 'dist'),
    },
output 属性告诉 webpack 在哪里输出它所创建的 bundles,以及如何命名这些文件,
主输出文件默认为 ./dist/main.js,其他生成文件的默认输出目录是 ./dist。
你可以通过在配置中指定一个 output 字段,来配置这些处理过程
path: 所有输出文件的目标路径;path是webpack所有文件的输出的路径,必须是绝对路径,
比如:output输出的js,url-loader解析的图片,HtmlWebpackPlugin生成的html文件,都会存放在以path为基础的目录下
publicPath: 输出解析文件的目录,url 相对于 HTML 页面;publicPath 并不会对生成文件的路径造成影响,主要是对你的页面里面引入的资源的路径做对应的补全,常见的就是css文件里面引入的图片