每日一弹:webpack


webpack安装

- nodejs。【前提:安装有】

-  npm install -g webpack。【全局安装】

- 新建一个项目目录

- npm init -y【在目标文件夹中初始化,-y弄出配置文件package.json】

- npm install -D webpack【本地安装webpack,-D是-d -y,又本地又更新配置文件】

- webpack.config.js【在项目目录根目录下,新建一个文件,名字不变】

- 【不看后悔】最新版webpack要结合最新nodejs,不然各种bug,官网下载最新nodejs。


webpack简介

- 2015年以来最流行模块化工具。

- 有四个核心概念:

1.entry。    

2.output

3.loader

4.plugins



webpack配置实践

-     entry【字符串】

-    output{}

            -    path字符串路径

            -    filename字符串文件名

-     resolve:{}【省略文件扩展名】

            -     extensions[]【写要省略的扩展名】   


webpack运行

-     window命令:webpack    



待续。。。。。。。。。今天下班了,明天再补更

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容