webpack知识锦集(一)

ebpack是一个javascript应用吃那个程序的静态模块打包器(module bundler)。处理时候会递归构建一个依赖关系图,包含每个模块,将模块打包成一个或者多个bundle。

核心概念:

entry(入口)

output(输出)

loader

plugins(插件)

【entry】:指示webpack应该使用哪个模块,来构建内部依赖图的开始。 

webpack.base.config.js文件

module.exports = {
  entry: {
    app: './src/main.js'
  },
};

 【output】:在哪里输出bundles,默认是./dist,整个应用结构,都会被编译到指定的输出路径的文件夹中。 

【Mode】模式,通过选择development,production来启动相应模式下的webpack的内置优化。

原文地址:https://www.cnblogs.com/tangjiao/p/9110462.html