webpack作用以及使用方法

webpack有什么作用?

1、webpack是node的第三方包

2、可以根据模块化依赖打包文件,打包后的代码会按照

前端的模块化规范

1、利用自执行函数

2、AMD规范

3、CMD规范

4、commonjs

babel

告诉服务器从哪提供内容

devServer.contentBase

exclude 排除特定条件

include 匹配特定条件

ExtractTextWebpackPlugin 提取css文件

url-loader 解析较小文件

file-loader 解析较大文件

file-loader 返回文件地址的哈希值

url - loader 返回

全局安装babel

babel-loader@7

babel-preset-env

babel-core

测试环境 development

生产环境 production

合并配置项 npm i webpack-merge -D

devtool

控制是否生成,以及如何生成source map

你可能感兴趣的:(webpack)