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