webpack基础1:使用webpack打包js代码

官网

  介绍：webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

  （简单来说就是在使用ES6的模块编程时，webpack会分析这些文件的关系，然后打包成一个 JS 文件，最后直接使用这个 JS 文件即可。

从一个示例开始

  一个简单的项目，目录如下：

index.html :

<script src="./src/main.js"></script>

hello.js:

export default function() {
   
    console.log('hello webpack')