oscar92420aaa的博客

https://segmentfault.com/q/1010000005163089 说的非常好

什么是 webpack？ webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass），但我们无须在上面花费太多心思，因为 webpack 有着各种健全的加载器（load

在任何模块文件内部，可以使用__dirname变量获取当前模块文件所在目录的完整绝对路径。 在应用程序根目录下新建app.js文件，其中代码如下所示。 var testModule1=require('./test/testModule.js'); 在应用程序根目录下新建一个test子目录，在该目录下新建一个testModule.js文件，其中代码如下所示。 console.log

用Webpack(npm install -g webpack)代码打包，Webpack大致需要知道三件事： 1)让Webpack知道应用程序或js文件的根目录 2)让Webpack知道做何种转换 3)让Webpack知道转换后的文件保存在哪里 具体来说，大致要做以下几件事情： 1)在项目根目录下有一个webpack.config.js文件