weixin_43297321的博客

webpack手动命令打包 1、创建一个js文件，ES6模块化导出。 demo1.js： 2、再创建一个js文件，解构出上面文件导出的内容。 demo2.js： 3、如果现在我把demo2.js直接引入到html文件里面，情况是报错。为什么，因为是ES6语法，浏览器不能直接识别。那该怎么办呢，可以用webpack工具来配置。 4、我是全局安装webpack：npm install -g webpack-cli webpack，然后通过命令webpack --mode development 要打包的文件

webpack概念 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 从 webpack v4.0.0 开始，可以不用引入一个配置文件。然而，webpack 仍然还是高度可配置的。有四个核心概念： 入口(entry) 输出(output) loader