webpack作用以及使用方法

版权声明:如果您对这个文章有任何异议,那么请在文章评论处写上你的评论。 如果您觉得这个文章有意思,那么请分享并转发,或者也可以关注一下表示您对我们文章的认可与鼓励。 愿大家都能在编程这条路,越走越远。 https://blog.csdn.net/weixin_44369568/article/details/91457906

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

猜你喜欢

转载自blog.csdn.net/weixin_44369568/article/details/91457906
今日推荐