美文网首页程序员
每日一弹:webpack

每日一弹:webpack

作者: 醉虾不醉 | 来源:发表于2018-01-04 18:44 被阅读6次

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    


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

相关文章

网友评论

本文标题:每日一弹:webpack

本文链接:https://www.haomeiwen.com/subject/unvyzttx.html