1.webpack的安装
webpack一般是本地安装,也就是在自己所需要的项目中进行安装,需要安装的包有两个
-webpack webpack-cli -D
-D表示安装的是依赖,在项目上线的时候不需要加载
注:项目初始化的时候,可以直接使用命令:
cnpm init -y
他与之前使用的cnpm init
的区别是会默认进行一系列的设置,而不需要自己在一步步的回车,方便了项目的开发。
2.webpack的0配置
webpack是一个打包工具,打包之后输出(默认打包js文件,成一个)
打包需要一个打包目录,比如src文件。
webpack的打包命令$ webpack
webpack可以进行0配置,但是这个配置就比较弱小。
3.手动配置webpack
默认文件为webpack.config.js
可以通过一个html静态文件,让webpack打包后的结果显示在前端页面上。
<body>
<script src = "bundle.js"></script>
</body>