webpack

*什么是webpack？

　　webpack是一个模块打包器（module bundler）

　　在webpack看来，前端所有的资源文件（js/json/css/img/less/...）都会作为模块处理

　　它会根据模块的依赖关系进行静态分析，生成对应的静态资源

　　四个核心概念：入口（entry）、输出（output）、loader、插件（plugin）

*理解Loader

　　webpack本身只能加载js/json模块，如果要加载其他类型的文件（模块），就需要使用对应的loader进行转换/加载

　　Loader本身也是运行在 node.js 环境中JavaScript 模块

　　它本身是一个函数，接受源文件作为参数，返回转换的结果

　　Loader 一般以 xxx-loader 的方式命名，xxx 代表了这个loader要做的转换功能，比如 json-loader

*配置文件（默认）

　　webpack.config.js : 是一个node模块，返回一个 json 格式的配置信息对象

*插件

　　插件可以完成一些loader不能完成的功能

　　插件的使用一般是在 webpack 的配置信息 plugin 选项中指定

　　CleanWebpackPlugin：自动清除指定文件夹来源

　　HtmlWebpackPlugin：自动生成HTML文件

　　UglifyJSPlugin：压缩js文件

 

转载于:https://www.cnblogs.com/musi03/p/10405246.html