webpack 基础概念教学-5

127 阅读1分钟

上篇文章已经讲解了entry的详细用法,本篇文章开始讲解output配置

output本身是个object,介绍3个核心配置

1.filename

输出打包文件名称 filename: "bundle.js",当入口文件是个object时候,output的文件名称就不能固定了 需要动态配置: filename: "[name].js",

2.path

//将输出文件都放在dist目录下
path: path.resolve(__dirname, "./dist"),

3. public path

publicPath 指的是项目资源中引用的一个基础路径,比如src里面引入的路径,

<link rel="preload" href="/public/manifest.1dcb5797d6d04d1bd383.js" as="script">